Ich setze ein Hintergrundbild (Pfeil nach unten) auf ein Auswahlfeld, nachdem ich das webkit-appearance Attribut auf none gesetzt habe. Wenn die Optionsliste geöffnet ist, möchte ich ein anderes Hintergrundbild anzeigen (Pfeil nach oben). Gibt es eine Pseudoklasse oder etwas dafür? Ich konnte nichts während meiner Forschung finden ...Gibt es eine Möglichkeit, eine offene Auswahlbox in CSS auszuwählen?
Antwort
Es ist nicht möglich zu erkennen, ob ein HTML select
Element mit CSS oder sogar Javascript geöffnet wird.
Wenn Sie das Pfeilsymbol eines benutzerdefinierten Dropdown-Menüs anpassen möchten, verwenden Sie am besten eine benutzerdefinierte Dropdown-Komponente, die einem ausgeblendeten Element select
zugeordnet ist.
oh was für eine Schande, eine solche Funktion wäre nützlich zu helfen. Aber vielen Dank! – user2718671
können Sie die :focus
Pseudoklasse verwenden.
Dies zeigt jedoch den Zustand "offen" an, auch wenn die <select>
über die Registerkarte ausgewählt wurde oder ein Element gerade ausgewählt wurde. Um dies zu umgehen, verwenden Sie vielleicht etwas wie select:hover:focus
, aber das ist ziemlich hässlich und ist keine feste Lösung.
select:focus
{
background-color: blue;
color: white;
}
<select>
<option>Click me</option>
<option>A</option>
<option>B</option>
<option>C</option>
</select>
select: focus: active erledigt den Job zumindest in Chrome. – RSeidelsohn
- 1. Gibt es eine Möglichkeit, Geschwisterknoten auszuwählen?
- 2. Gibt es eine Möglichkeit, Text in einem TextView programmatisch auszuwählen?
- 3. CSS-Sass: Gibt es eine Möglichkeit, eine Gruppe von Elementen auszuwählen und darüber zu iterieren?
- 4. Gibt es eine Möglichkeit, Zeilen gleichzeitig auszuwählen und zu aktualisieren?
- 5. gibt es eine bessere Möglichkeit, die richtige Methodenüberladung auszuwählen?
- 6. Gibt es eine Möglichkeit, das Ausgabevideogerät vom Browser auszuwählen?
- 7. Gibt es eine Möglichkeit herauszufinden, woher eine CSS-Regel kommt?
- 8. Gibt es eine schmerzfreie Möglichkeit, eine "css sandbox" zu erstellen?
- 9. Gibt es eine Möglichkeit, das letzte Element einer Liste mit CSS auszuwählen?
- 10. Gibt es eine Möglichkeit, eine Auswahlbox zu machen Dropdown durch Klicken auf eine Schaltfläche
- 11. Gibt es eine Möglichkeit, eine XHR JQuery-Antwort in einem Rails-Controller-Test assert_select auszuwählen?
- 12. Gibt es eine Möglichkeit, eine @GeneratedValue-Strategie mithilfe von JPA-Anmerkungen und Hibernate dynamisch auszuwählen?
- 13. gibt es eine Möglichkeit, ein Tag von CSS-Klasse
- 14. Gibt es eine Möglichkeit, CSS-Keyframe-Animation mit JS auszulösen?
- 15. Gibt es eine Möglichkeit, eine CABasicAnimation anzuhalten?
- 16. Gibt es eine Möglichkeit, HTML/CSS/BILDER zu bündeln?
- 17. Gibt es eine Möglichkeit, Chrome iOS CSS zu sehen?
- 18. Gibt es eine Möglichkeit, das erste Zeichen auszuwählen? : First-letter scheint nicht
- 19. Gibt es eine Möglichkeit, einen Code-Block in Visual Studio durch Doppelklick wie in Eclipse auszuwählen?
- 20. Gibt es eine Möglichkeit, den gesamten Text in einer Zelle in einer JTable ohne CellEditor auszuwählen?
- 21. Gibt es eine Möglichkeit, Selektoren zu gruppieren?
- 22. Gibt es eine Möglichkeit, offene Transaktionen in SQL Server 2000-Datenbank aufzulisten?
- 23. Eine schnelle Möglichkeit, eine Zeile in netBeans auszuwählen
- 24. MYSQL - Gibt es eine Möglichkeit, SQL-Datensätze auszuwählen und dann in einer einzigen Abfrage zu aktualisieren
- 25. Gibt es eine direkte Möglichkeit, die Zeilen innerhalb einer Gruppe in jqGrid auszuwählen?
- 26. Gibt es eine offene Technologie, um Gesichtsmerkmale zu erkennen?
- 27. Gibt es eine Tastenkombination, um das aktuelle Wort auszuwählen?
- 28. Gibt es eine Möglichkeit, eine "Zelle" in MigLayout einzufügen?
- 29. Gibt es eine Möglichkeit, eine Eigenschaft nur einmal in C#
- 30. Gibt es eine Möglichkeit, eine Testdatenbank in Katalysator zu verwenden?
Hallo, zeigen Sie uns bitte einen der Code, den Sie versucht haben, dann können wir Ihnen in die richtige Richtung starten –