Text in Select-Box vertikal ausrichten

[ChrisB]

Hi,

Gibt es eine Möglichkeit den Text in einer Select-Box vertikal auszurichten?

» padding-top, padding-bottom.

Wenn ich das Padding ändere, füllt der Pfeil, über den das Drop-Down-Menü aufgerufen wird, nicht die gesamte Höhe der Select-Box aus.

Klar, wenn du es für SELECT setzt.

Es für die OPTIONs zu setzen, führt bei mir im Firefox zwar dazu, dass die ausgeklappten Options entsprechend aussehen - auf die Anzeige im zugeklappten Zustand hat das allerdings auch nur die Auswirkung, dass das SELECT-Feld entsprechend höher wird. Es zeigt allerdings nach wie vor nur die erste OPTION an, und deren Text oben bündig, woran auch vertical-align o.ä. nichts ändern.

Du wirst m.E. nicht viel Erfolg haben, wenn du versuchst, eine Auswahlliste derart zu formatieren (und das auch noch browserübergreifend funktionieren soll). Wenn du wirklich Wert darauf legst - dann wirst du sie mit HTML, CSS und JavaScript nachbasteln müssen. (Das kann man ja so aufsetzen, dass es bei nicht vorhandenem JS auf ein normales SELECT-Element zurückfällt.)

Interessante Beobachtung am Rande: im Firefox kann man die OPTIONs auf display:inline-block setzen - dann zeigt er sie beim Ausklappen des SELECTs nebeneinander an. Funny.

MfG ChrisB