Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Problem z :hover w droplist
Contritio
post 14.05.2015, 12:43:43
Post #1





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 26.03.2014

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 11)
Comandeer
post 14.05.2015, 14:19:28
Post #2





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


A option:hover? Tego typu pola są z reguły słabo stylowalne


--------------------
Go to the top of the page
+Quote Post
Contritio
post 14.05.2015, 14:54:36
Post #3





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 26.03.2014

Ostrzeżenie: (0%)
-----


Nic nie dało, nie wiem jak się konkretnie do tego odnieść
Go to the top of the page
+Quote Post
Comandeer
post 14.05.2015, 14:57:58
Post #4





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Jeśli nic nie dało, to obawiam się, że po prostu się nie da… http://stackoverflow.com/questions/1048405...colour-on-hover


--------------------
Go to the top of the page
+Quote Post
Contritio
post 14.05.2015, 15:40:34
Post #5





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 26.03.2014

Ostrzeżenie: (0%)
-----


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/
Go to the top of the page
+Quote Post
Comandeer
post 14.05.2015, 17:18:31
Post #6





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Czekaj, czekaj - Ty mówisz o tym obramowaniu? Jeśli tak, to polecam poczytać http://outlinenone.com


--------------------
Go to the top of the page
+Quote Post
Contritio
post 14.05.2015, 20:58:17
Post #7





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 26.03.2014

Ostrzeżenie: (0%)
-----


niet, chodzi o kolor ktory jest na tło elementów w liście jaki się wyświetla smile.gif
Go to the top of the page
+Quote Post
Comandeer
post 14.05.2015, 21:14:05
Post #8





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


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)

Ten post edytował Comandeer 14.05.2015, 21:14:35


--------------------
Go to the top of the page
+Quote Post
salfunglandyare
post 14.05.2015, 22:02:57
Post #9





Grupa: Zarejestrowani
Postów: 150
Pomógł: 31
Dołączył: 10.01.2007
Skąd: Bydgoszcz/Inowrocław

Ostrzeżenie: (0%)
-----


A zainteresuj się select2 lub czymś podobnym, w ogole w necie jest sporo możliwości dowolnej customizacji domyślnych kontrolek przegladarki
Go to the top of the page
+Quote Post
Comandeer
post 14.05.2015, 22:22:39
Post #10





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


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.


--------------------
Go to the top of the page
+Quote Post
salfunglandyare
post 14.05.2015, 22:43:19
Post #11





Grupa: Zarejestrowani
Postów: 150
Pomógł: 31
Dołączył: 10.01.2007
Skąd: Bydgoszcz/Inowrocław

Ostrzeżenie: (0%)
-----


Select2 to stary, porzadny plugin, który dalej jest rozwijany, byle czego bym nie polecał tongue.gif
Go to the top of the page
+Quote Post
Contritio
post 15.05.2015, 11:47:11
Post #12





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 26.03.2014

Ostrzeżenie: (0%)
-----


Spróboję dodać do swojego projektu Select2, wygląda ładnie smile.gif ew. jakaś alternatywa?
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 18.07.2025 - 03:00