2017-09-23 3 views
1

Ich arbeite an einer der Kernkomponenten von HTML, select. Jetzt möchte ich sein Dropdown-Verhalten ändern. Die mittlere Dropdown Höhe, blättern sytle usw.So überschreiben Sie den Auswahllistenvorschlag

enter image description here

Gibt es eine Möglichkeit das Standardverhalten von Dropdown außer Kraft zu setzen?

Dank

+0

Mögliche Duplikate von [Styling Select Dropdown-Box] (https://StackOverflow.com/questions/17516559/Styling-Select-Drop-Down-Box) – Duannx

+0

Ich denke nein, siehe in diesem Beispiel haben wir keine Steuerung auf Scroll-Stil, Dropdown-Höhe. Gibt es noch etwas anderes? –

+0

CSS kann keine Bildlaufleisten für alle Browser erstellen. Die Unterstützung ist lückenhaft. Ziehen Sie in Erwägung, eine externe JS/jQuery-Bibliothek für die browserübergreifende Unterstützung zu verwenden. –

Antwort

0

Sie können select und option Arten, beispielsweise außer Kraft setzen:

select { 
 
    background-color: yellow; 
 
} 
 

 
option { 
 
    background-color: violet; 
 
}
<select> 
 
    <option>Option 1</option> 
 
    <option>Option 2</option> 
 
    <option>Option 3</option> 
 
    <option>Option 4</option> 
 
    <option>Option 5</option> 
 
</select>

„Ich habe die CSS für Bildlaufleiste, Drop-Down-Behälterhöhe usw. außer Kraft setzen möchten ". Es scheint, als ob es keine Möglichkeit gibt, es in Standard-HTML-Element zu tun. select Element.

+0

Sorry zu sehen, aber das ist nicht die Lösung, nach der ich suche. Ich möchte die CSS für Bildlaufleiste, Dropdown-Container Höhe usw. überschreiben. –

+0

@StillLearning, ich habe die Antwort aktualisiert. Es scheint, als ob es keine Möglichkeit gibt, dies im Standard HTML 'select' Element zu tun. –

Verwandte Themen