Testování podpory pseudotřídy :hover

• 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}
  
  

  aaaaa	bbbbb
  aaaaa	bbbbb

  
  >> Text měnící barvu najetím myši <<

Testování podpory pseudotřídy :focus

• Pseudotřída :focus je určena pro změnu vzhledu prvku kliknutím na prvek.
  
  input {color: gray; border: solid 1px red}
  input:focus {color: black; background-color: yellow}