Breite Select-Felder setzen

mumpel · 28. Mai 2014, 17:43

Hallo!

Möchte gerne die Breite für Select-Felder setzen. Beim FireFox ist das kein Problem.

HTML-Quellcode

<select id="XY" name="XY">
<option id="m1" value="Daten nicht speichern">Daten nicht speichern</option>
<option id="m2" value="Daten speichern">Daten speichern</option>
</select>

CSS-Quellcode

#m1, #m2, #m3, #m4, #m5, #m6{
width:160px;
}

Aber alle anderen Browser können damit nichts anfangen. So wie es jetzt ist sieht es auf jeden Fall bescheiden aus. Gibt es nicht doch eine Möglichkeit, die anderen Browser zu zwingen die Breite zu setzen? Danke!

Gruß, René

3daycliff · 28. Mai 2014, 18:25

Hast du #XY { width:160px; } probiert?

mumpel · 28. Mai 2014, 18:59

Habe ich. Laut Internetrecherche funktioniert das nur im FF.

Philipp66 · 28. Mai 2014, 19:24

Ganz einfach so #XY {width:1000px}

Huch: war ja schon da.... also im Chrome geht das.... und im IE11 auch

3daycliff · 28. Mai 2014, 19:56

mumpel schrieb:

Habe ich. Laut Internetrecherche funktioniert das nur im FF.

Quellen?

http://www.w3.org/TR/CSS2/visudet.html#the-width-property schrieb:

Applies to: all elements but non-replaced inline elements, table rows, and row groups

select ist ein replaced element, von daher sollte es keine Probleme geben?!

mumpel · 28. Mai 2014, 20:52

Jetzt funktioniert es (kleiner Gedankenfehler). Der IE hat aber erst gestreikt, bei dem musste ich erst den Chache löschen. Der IE ist und bleibt ein Sonderfall.

Link275 · 2. Juni 2014, 09:05

Nicht unbedingt. Also wenn das Ergebnis anders ist als erwartet, ist Cache löschen immer eine gute Idee. Gilt für alle Browser.

Link :thumbup:

Breite Select-Felder setzen

Breite Select-Felder setzen

HTML-Quellcode

CSS-Quellcode

mumpel schrieb:

http://www.w3.org/TR/CSS2/visudet.html#the-width-property schrieb:

Ähnliche Themen

4 Benutzer haben hier geschrieben