Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Problem z :hover w droplist
Forum PHP.pl > Forum > Przedszkole
Contritio
Witam serdecznie

Problem polega na tym, że gdy rozwijam liste droplisty oraz po najechaniu na dany element z tej listy podświetla mi na niebiesko. Starałem się zmienić kolor na inny jednakże ustawiało mi dla wszystkich elementów. Konkretnie potrzebuje zmienic z obecnego niebieskiego na np zielony.

http://jsfiddle.net/ytwehvLo/

Pozdrawiam
Comandeer
A option:hover? Tego typu pola są z reguły słabo stylowalne
Contritio
Nic nie dało, nie wiem jak się konkretnie do tego odnieść
Comandeer
Jeśli nic nie dało, to obawiam się, że po prostu się nie da… http://stackoverflow.com/questions/1048405...colour-on-hover
Contritio
W pewnej części pomogło ponieważ kolor zmienia docelowo jednakże ten niebieski nadal pozostaje, nawet jeżeli nie trzymam :hovera na obiekcie. Trzeba by zatem wywalić jakoś ten kolor, przestawić na 0.

https://jsfiddle.net/ytwehvLo/1/
Comandeer
Czekaj, czekaj - Ty mówisz o tym obramowaniu? Jeśli tak, to polecam poczytać http://outlinenone.com
Contritio
niet, chodzi o kolor ktory jest na tło elementów w liście jaki się wyświetla smile.gif
Comandeer
Kod
select option:hover, select option:checked {
    box-shadow: 0 0 10px 100px #1882A8 inset;
}

Ale działa tylko w lisku - w chrome nie odnosi to żadnego skutku (stąd moja rozterka o co Ci chodzi - u mnie po prostu nie widać żadnych zmian)
salfunglandyare
A zainteresuj się select2 lub czymś podobnym, w ogole w necie jest sporo możliwości dowolnej customizacji domyślnych kontrolek przegladarki
Comandeer
Problem z takimi zamiennikami zwykle polega na tym, że wgl nie przejmują się kwestiami dostępności… chociaż akurat ten select2 wygląda całkiem porządnie - nawet ARIA porządnie zaimplementowane.
salfunglandyare
Select2 to stary, porzadny plugin, który dalej jest rozwijany, byle czego bym nie polecał tongue.gif
Contritio
Spróboję dodać do swojego projektu Select2, wygląda ładnie smile.gif ew. jakaś alternatywa?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.