Paul: css link soll background nach klicken behalten

Beitrag lesen

Hi,

ich möchte gerne ein paar Tabs, die als Links fungieren sollen, stylen. So soll beim Überfahren mit der Maus die Hintergrund- und Textfarbe variieren usw.

Was mir nicht gelingt, ist, dass ein geklickter Tab eine bestimmte Hintergrundfarbe dauerhaft behält, bzw. beim Klick eines weiteren Tabs dieser dann die o.g. Hintergrund- sowie Textfarbe erhält und der erstgeklcikte Tab wieder in den Ursprungszustand zurück fällt.

Bisher bin ich soweit.

Versuche mit "visited" haben mich nicht weiter gebracht. Hinzu kommt, dass ich (nach dem Styling) keine "echten Links" an die Tabs heften will, sondern "Ajax-Links" (falls das berücksichtigt werden muß?)

.tab {
	margin-top:11px;
	margin-bottom:6px;
	background-color:#D2D2D2;
	display:inline-block;
	color:#606060;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#48445E;
	cursor:pointer;

}

.tab:hover {
	background-color:#A8A8A8;
	color:#FFFFFF;


}

.tab:active {
	position:relative;
	top:1px;
}

Paul