Cambiar color de fuente en la pestaña activa (tabs - jquery)

[tap]

Hola a todos!!!!!!!!!!
Estoy rompiéndome la cabeza para cambiar el color del texto de una pestaña o tab activa. Quiero que mientras esté activa esté en blanco y la que no lo está sea de color negro. Hice un sinfín de variantes pero no lo conseguí. Alguna ayuda, por favor!!!!!!!!!
mi código es el siguiente, es muy simple, por eso me siento tan mal:

Código:

ul.tabs {
   margin:0;
   padding:0;
   float:left;
   list-style:none;
   /*border-bottom:1px #999 solid;
   border-left:1px #999 solid;*/
   width:100%;
}

ul.tabs li {
   float:left;
   margin:0;
   padding:0;
   height:36px;
   width:197px;
   background-image:url(../img/tab-b.png);
   margin-left:15px;
   color:#333;
   overflow:hidden;
   position:relative;
}

ul.tabs li a {
   text-decoration:none;
   color:#333;
   display:block;
   font:1.2em Tahoma, Geneva, sans-serif;
   line-height:40px;
   padding:0 20px 0;
   outline:none;
}
ul.tabs li.active,  li.active a, li.active a:hover {
   color:#bababa;
}

ul.tabs li a:hover {
   color:#222;
}

html ul.tabs li.active, html ul.tabs li.active a:hover {
   background-image:url(../img/tab.png);
   color:#fff;
}

html ul.tabs li.active {
   color:#fff;
}

[hombrelectrico]

Prueba agregando esto...

Código HTML:

ul.tabs li.active,  li.active a{
background: #fff;
}

PD.: Utiliza firebug en estos casos, te puede evitar este tipo de trabas.

[emprear]

Dependiendo que version de tabs c/jQuery estés usando, puede ser algo sencillo, o un poco compicado.

Esta es una versión sencilla
http://jqueryfordesigners.com/demo/tabs.html

ahi tan solo en el css

Código CSS:

UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
background-color: #333;
color: red;
padding-top: 7px;
}
 

Definis el color para el link activo


Este es otro bueno y facil de editar para lo que queres
http://guedea.blogspot.com/2008/12/t...do-jquery.html

en el css, en
ul.titulos li a.activo definis el color que queres
Saludos