css link soll background nach klicken behalten

[Paul]

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

[Gunnar Bittersmann]

@@Paul

Bisher bin ich soweit.

Willst du uns vielleicht zeigen, wie weit „soweit“ ist? Link zur fraglichen Seite?

Das einzige, was sich bisher sagen lässt:

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

Hier hast du den :focus verloren. Wann immer du für Mausschubser Effekte vorsiehst, solltest du auch an Tastaturbenutzer denken.

LLAP 🖖