Testování podpory pseudotřídy :hover
(zaměřeno na podporu v IE, Firefox, Opera a Chrome)
-
Pseudotřída :hover je určena pro změnu vzhledu prvku najetím myši na prvek. Byla původně navržena (a používá se především) na
změnu barvy či aktivaci podtržení u odkazů s vypnutým podtržením. Pro odkazy funguje dobře ve všech aktuálních prohlížečích.
a {text-decoration: none}
a:hover {text-decoration: underline; background-color: gray; color:red}
Odkaz bez podtržení s měnící se barvou a podtržením
-
V CSS2 je tato pseudotřída ovšem povolena i pro jiné elementy než <a> (např. <td>, <p>,
apod.), ve Firefoxu, Chrome, Opeře a od Exploreru 7 resp. 8 je podporována dobře, v Exploreru 6 ale nikoliv.
td:hover {background-color: red; color: white}
span:hover {background-color: white; color: red}
>> Text měnící barvu najetím myši <<
Testování podpory pseudotřídy :focus
(zaměřeno na podporu v IE, Firefox, Opera a Chrome)