Zmiana koloru podświetlenia

Question

Jak zmienić kolor podświetlania <select>, który jest kolorem podświetlającym <li>, gdy kursor przechodzi nad nim za pomocą CSS?

Answer 1

Nie mam pojęcia o czym mówisz o „kolor, który podkreśla <li> ", ale brzmi to tak, jakbyś chciał zmienić kolor tła elementów <option>. Próbowałem i to nie działa, zawsze dostajesz kolor systemu.

Jeśli chciał, aby podświetlić całą <select> elementu po najechaniu myszą, to trochę działa:

select:hover { background-color: red; } 

Jednak zachowanie jest różne w różnych przeglądarkach. Na przykład Chrome nie podświetla opcji w menu rozwijanym; Firefox działa, ale potem nie zmienia ich z powrotem, jeśli odsuniesz mysz i nadal są one rozebrane.

Jak już stwierdzono w wielu podobnych pytaniach, użytkownik nie może niezawodnie kształtować formantów formularza. See here, aby uzyskać więcej informacji.

Answer 2

Można użyć: hover pseudo

np

.classOfElementToColor:hover {background-color:red; color:black} 

działa z większością przeglądarek, ale nie na wszystkich elementach w IE6

Answer 3

Wystarczy użyć tego selektor CSS:

select option:hover { 
    background-color: yellow; 
} 

Answer 4

jak wspomniano powyżej, ustawienie background-color zadziała jednak :hover ma błędy w IE7 - ustawiania doctype do ścisłego pomoże.

Answer 5

Nie można zmienić kolor podświetlenia z opcji przez coś podobnego ->background:#f9f9f9

można zrobić coś takiego:

  select > option:hover{ 
       box-shadow: 0 0 10px 100px #FED20F inset; 
       transition: all .2s ease-in-out; 
      }