Gekleurde tabbladen

Door George van Baasbank op 22-10-2013 15:13

733 views

Hallo allemaal,

Ik gebruik een tabblad middels jQuery. Nu wil ik de tabbladen kleuren maar volgens mij wordt dit vanuit jQuery niet ondersteund.
Nu heb ik de volgende code:


<ul> 
   <li><a href="#tabs-1" title="Overzicht bestelling">Overzicht bestelling</a></li>
   <li><a href="#tabs-2" title="Invullen NAW-gegevens">NAW-gegevens</a></li>
</ul>

Nu wil ik de achtergrond en tekstkleur laten wijzigen bij het aanklikken van de tab.
Daarvoor had ik dit in gedachten:


<ul> 
   <li><a href="#tabs-1" style="background-color: lightblue;" title="Overzicht bestelling">Overzicht bestelling</a></li>
   <li><a href="#tabs-2" style="background-color: lightblue;" title="Invullen NAW-gegevens">NAW-gegevens</a></li>
</ul>

Maar dan zijn de tabs altijd gekleurd.
Hou moet ik dit nu aanpakken dat de kleur wijzigt bij het actief worden van een tab?

George

Eddy E

22-10-2013 15:14

In je CSS zoiets doen:


ul li
 {
 background-color: white;
 }

ul li:active
 {
 background-color: lightblue;
 }
ul li:hover
 {
  background-color: blue;
 }

Reageren

Inloggen om te reageren