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 sinfin 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;
}
