Mengapa Dropdown Saya Dipotong dalam Internet Explorer, dan Bagaimana Saya Boleh Membetulkannya?

Potongan Jatuh Turun Lebar Tetap dalam IE: A Resolution

Isu timbul apabila beberapa item yang boleh dipilih dalam dropdown melebihi lebar 145px yang ditetapkan. Dalam Firefox, dropdown menyesuaikan dengan lebar item terpanjang. Walau bagaimanapun, dalam IE6 dan IE7, lungsur turun adalah terhad kepada 145px, menyembunyikan teks yang lebih panjang.

Penggayaan CSS:

select.center_pull {
    width: 145px;
    /* ... Other CSS properties ... */
}

Penanda HTML:

<select>

IE 8 Penyelesaian:

Untuk IE 8, penyelesaian berasaskan CSS tersedia:

select:focus {
    width: auto;
    position: relative;
}

Ini memastikan bahawa apabila dropdown difokuskan, ia mengembang untuk menampung item yang lebih panjang. Walau bagaimanapun, pemilih :fokus tidak disokong dalam IE 7 dan ke bawah. Untuk versi lama ini, penyelesaian alternatif atau mod keserasian mungkin diperlukan.

Atas ialah kandungan terperinci Mengapa Dropdown Saya Dipotong dalam Internet Explorer, dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!