Gunnar Bittersmann: Button ge"checked" oder nicht

Beitrag lesen

@@ChrisB:

nuqneH

Keine Ahnung, worauf du jetzt hinauswillst

Auf ';-)'. Na gut, war nicht lustig.

Der Attribut-Selektor für das checked-Attribut der Checkbox kann hier m.W. keine Hilfe sein, weil der sich nur auf den im HTML festgelegten Attributwert bezieht, nicht aber auf den durch User-Interaktion dynamisch zustande gekommenen aktuellen Zustand - oder liege ich da falsch?

Nein, da liegst du richtig.

Und wie du sonst das Label abhängig vom Checkbox-Zustand formatieren willst, darauf bin ich ja jetzt gespannt

Magic!

und deshalb eben die Aufforderung: „Zeig mal!“

<input id="myOnOffButton" type="checkbox"/>  
<label for="myOnOffButton">myOnOffButton</label>
#myOnOffButton  
{  
	position: absolute;  
	left: -666px;  
}  
  
#myOnOffButton+label  
{  
	background: #DDD;  
	border: 3px outset;  
	padding: 2px 5px;  
}  
  
#myOnOffButton:checked+label  
{  
	background: #CCC;  
	border-style: inset;  
}

Du hattest dich aus diesem Thread zu früh ausgeklinkt?

Qapla'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)