Betrachten this Bootstrap bug report. Grundsätzlich ist das Dropdown-Feld <select> nicht auf das Element <select> in Chrome und Safari ausgerichtet (beide nur auf einem Mac getestet). @ Mdo denkt da gibt es keine Lösung. Ich möchte nur eine zweite Meinung.<select> DropDown ein paar Pixel aus
Kann die Dropdown-Liste <select> mit der Basis <select> Element ausgerichtet werden?
werden Sie nie Stil Browser integrierte Tools des gleiches in verschiedenen Browsern und über mehrere OS.
Ich habe dies eine sehr lange Zeit gemacht und mein bestes rate es, so gut wie möglich zu stylen und skurrile CSS-Hacks für alte IE-Browser zu reservieren.
Wenn Sie über genaue Pixel super-anal sein wollen, müssen Sie nicht das select html-Tag verwenden und stattdessen ein ul-Tag verwenden. Dann benutze CSS um den Listenstil zu erstellen: none;
<ul id="my_selectbox">
<li>Option 1</li>
<li>Option 2</li>
</ul>
Dann style das Menü, um genau zu schauen, wie Sie es aussehen möchten.
Betrachten Sie dies als ein Menü anstelle einer Auswahlbox.
Dann verwenden Sie Javascript, um das Menü wie ein Select-Tag Drop-Down zu machen.
(aber das ist sicher eine Menge Arbeit für ein paar Pixel, nicht wahr?)
Denken Sie daran, Sie NIEMALS eine CSS-Datei schreiben, die von allen Browsern gleich aussehen lässt. Es ist einfach nicht so, wie sie entworfen sind. Wenn Sie einen Manager haben, der das verlangt, müssen Sie lernen, wie das funktioniert.
weitere Anmerkung: Sie müssen auch Javascript verwenden, um eine Auswahl zu speichern. Ich kann dir ein schnelles Skript schreiben, das das macht, wenn du es brauchst. Nicht sicher, wie gut Sie mit Javascript sind.
Dieser zusätzliche Stil des Element helfen:
-webkit-appearance: none;
Optionen nehmen immer die ganze Breite der Auswahlbox..actually die Breite hängt vom größten Element ab ... ich glaube nicht, dass Sie ihre Position ändern können –
möglich duplicate von [
poste ein Codebeispiel von dem, was du redest – astroanu