Ich weiß, dass Auswahlkästchen mit CSS ein wenig mühsam zu stylen sind, aber ohne auf fortgeschrittene Techniken zurückzugreifen, kann ich trotzdem eine Auffüllung hinzufügen, um den Text ein wenig nach unten zu schieben, ohne dass er zusätzlich Padding hinzufügt Pfeil auf der rechten Seite?Polsterung in ausgewählten Boxen
Interessante Test hier http://cssdeck.com/labs/styling-select-box-with-css3
Der Autor bedeckt den Pfeil auf der rechten Seite und erstellt seine eigene, herstellervoran CSS mit verschiedenen Browsern zielen. Danach ist Ihr Padding frei.
ok .. ich verdiente diese downvotes. Es ist nicht mein Code. es ist jedoch interessant, und es ist * eine reine CSS-Lösung, die in 90% der Fälle funktioniert. – commonpike
fügen Sie dies Ihrer CSS-Klasse hinzu. Vielleicht hilft das?
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
es versteckt die Pfeile obwohl .. – romainm
Da select Boxen erscheinen unterschiedlich auf verschiedenen Browsern und vor allem Betriebssystemen können Sie nicht eine Konsistenz gewährleisten.
Zum Beispiel kann die minimale Menge an Formatierung ich auf einem Mac tun kann, ist dies:
select { height:40px; background:transparent; }
Und es sieht wie folgt aus:
also hast du irgendwelche Vorschläge? –
Ich würde eine benutzerdefinierte Auswahlbox empfehlen, zum Beispiel: https://jqueryui.com/selectmenu/ – redolent
Könnten Sie vielleicht versuchen, die Polsterung Änderung auf die geschachtelten "Option" -Elemente? Nur ein Gedanke ... –
Nein, gibt es nicht. Styling auf ausgewählten Boxen ist wie du erwähnt hast ein Schmerz. Aus diesem Grund gibt es viele jQuery-Plugins für ausgewählte Boxen. Der verfügbare browserübergreifende Stil einer Listbox ist sehr begrenzt. –
Ist das nicht, was Sie erhoffen? http://jsfiddle.net/LpvDg/ – Wasbazi