Gibt es eine Möglichkeit, den Cursor zu ändern, wenn Sie über ein Objekt in einer <select> Combobox schweben? Ich nahm an, dass option { cursor: pointer; } in CSS würde funktionieren, aber es scheint nicht zu.Cursor über <option> Tags ändern?
Leider werden <option> Tags vom Betriebssystem gerendert, nicht vom Browser, sodass Sie sie nicht mit Cursors formatieren können. Verwenden Sie stattdessen ein Plugin wie Bootstrap's Dropdown.
Außer Hintergrund-Farbe und Farbe, durch den Stil Objekteinstellungen Stil für die Option Element angewendet werden ignoriert. Darüber hinaus überschreiben Stileinstellungen, die direkt auf einzelne Optionen angewendet werden, diejenigen, die auf das enthaltende select -Element als Ganzes angewendet werden.
Einige Elemente einfach nicht mit CSS gestylt werden können. Dazu gehören alle erweiterten Benutzeroberflächen-Widgets wie Bereichs-, Farb- oder Datums-Steuerelemente sowie alle Dropdown-Widgets, einschließlich
<select>,<option>,<optgroup>und<datalist>Elemente. Es ist auch bekannt, dass das Dateiauswahl-Widget überhaupt nicht änderbar ist. Die neuen Elemente<progress>und<meter>fallen ebenfalls in diese Kategorie.
Gute Antwort, können Sie eine Dokumentationsquelle für die armen Leute wie mich zur Verfügung stellen? –
@ChrisB Gefunden in MSDN aller Orte, MDN ist Mutter zum Thema. – SomeKittens
Verdammt. Ich schaue mir den Bootstrap-Link an - danke für die Hilfe! – Hydrothermal
Haben Sie versucht? Option: Hover {Cursor: Zeiger; } '? Nicht sicher, ob es funktioniert. –
@MatthewJohnson das funktioniert auch nicht, siehe meine Antwort. – SomeKittens
Ich habe gerade jede Version von 'select | option [: hover] {cursor: pointer}' einschließlich einiger mit '*' ausprobiert und nichts hat die Art verändert, wie mein Zeiger gerendert wurde. Gute Frage! –