So erweitern Sie die Dropdown-Elemente

So erweitern Sie Dropdown-Liste (aufgeführten Elemente). Ich kann die aufgelisteten Elemente in IE nicht anzeigen, während ich die Größe der Dropdown-Liste eingeschränkt habe.So erweitern Sie die Dropdown-Elemente

Bitte diesen Code in IE und anderen Browsern laufen - u den Unterschied

<html><body><select style='width:20px;'><option>a</option><option>b</option><option>c</option><option>d</option><option>e</option><option>f</option>

sehen und mir bitte sagen, was der Stil sind unten in Drop verwenden können, um es

gut zu machen

Quelle

2009-07-31 praveenjayapal

Das ist wirklich eklig, ich bin auch daran interessiert, ob es einen Weg gibt, hoffentlich weiß jemand, aber wahrscheinlich ist es ein IE-Ding, das man nicht wieder mit Stil ändern kann ... – cssmaniac

Ja, in IE, wenn Sie eine Auswahlbox eine feste Breite geben, wird die Größe nicht angepasst, um den Inhalt anzupassen, wenn Sie darauf klicken.

Es gibt ein paar Hacks und Workarounds für sie,

Eine davon ist die Breite der Auswahlbox zu ändern, wenn es angeklickt wird, dann, wenn es es unclicked wieder auf die ursprüngliche Größe zu setzen.

Dies könnte funktionieren, um den Inhalt anzuzeigen, aber es könnte oft das Layout der Website oder machen es seltsam aussehen.

So etwas wie dies funktionieren könnte,

<select name="selectName" onclick="this.style.width = '120px';" 
     onblur="this.style.width = '20px';">

Quelle

2009-07-31 13:39:15

Dieses einiges Problem wird mit. In IE Wenn während des Klickens auf das Drop-Down-Menü expandiert und es sofort kollabiert. Dies passiert, wenn der Drop-Down nicht auf dem Fokus liegt. Sobald der Drop-Down den Fokus erreicht, funktioniert es gut.

Quelle

2010-10-21 05:10:53 Sujith

So erweitern Sie die Dropdown-Elemente

Antwort

Verwandte Themen