html - custom - jquery tooltip




Ändern Sie die Hintergrundfarbe der Auswahlliste Option bei Hover in html (2)

Diese Frage hat hier bereits eine Antwort:

Ist es möglich, die Standard-Hintergrundfarbe der Auswahlliste bei Hover zu ändern?

HTML:

<select id="select">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>
select {
    -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;
}

select:hover {    
    background-color:gren;
}

option:hover {
    background-color:yellow;
}

option {
    -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;
    color:blue;
    background-color:yellow;
}

Ich habe versucht, Option :hover{background-color:red;} , aber es ist nutzlos. Weiß jemand, wie man das macht?


Derzeit gibt es keine Möglichkeit, ein CSS anzuwenden, um das gewünschte Ergebnis zu erhalten. Warum verwenden Sie keine Bibliotheken wie select2 oder select2 Diese ermöglichen es Ihnen, so zu gestalten, wie Sie möchten.

Wenn Sie keine Bibliotheken von Drittanbietern verwenden möchten, können Sie eine einfache unbestellte Liste erstellen und mit einigen CSS-Dateien spielen. Hier ist ein Thread, dem Sie folgen könnten

Wie konvertiert man <select> dropdown mit jquery in eine ungeordnete Liste?


Nein, es ist nicht möglich.

Es ist wirklich, wenn Sie nicht native Auswahl verwenden, wenn Sie benutzerdefinierte Auswahl Widget aus HTML-Elementen, te "li" erstellen.





css3