Warum werden meine Dropdown-Listen im Internet Explorer abgeschnitten und wie kann ich das beheben?

Dropdown-Grenze mit fester Breite in IE: A-Auflösung

Das Problem tritt auf, wenn einige auswählbare Elemente in einem Dropdown die angegebene Breite von 145 Pixel überschreiten. In Firefox passt sich das Dropdown-Menü an die Breite des längsten Elements an. In IE6 und IE7 ist das Dropdown-Menü jedoch auf 145 Pixel beschränkt, wodurch längerer Text ausgeblendet wird.

CSS-Styling:

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

HTML-Markup:

<select>

IE 8 Lösung:

Für IE 8 ist eine CSS-basierte Lösung verfügbar:

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

Dadurch wird sichergestellt, dass das Dropdown-Menü bei Fokussierung erweitert wird, um längere Elemente aufzunehmen. Der :focus-Selektor wird jedoch in IE 7 und niedriger nicht unterstützt. Für diese älteren Versionen sind möglicherweise alternative Lösungen oder ein Kompatibilitätsmodus erforderlich.

Das obige ist der detaillierte Inhalt vonWarum werden meine Dropdown-Listen im Internet Explorer abgeschnitten und wie kann ich das beheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!