Wie kann man ein Label Element mit inaktiven (disabled) Input stylen?

Jan 3 (00:18)

Ich habe ein HTML Label und Input, wobei das Input disabled ist. Was wäre die einfachste Möglichkeit das Label-Element entsprechend zu stylen?

<input id="checkbox-123" type="checkbox"  ...  disabled/>
<label for="checkbox-123">Hallo</label>
JsCodeBox Jan 20 (23:56)

Am einfachsten ginge es mit dem "+" Plus-Selektor ("Adjacent selector" https://www.w3.org/TR/CSS21/selector.html#adjacent-selectors):

input:disabled + label {
    color:#ccc;
}

Und speziell mit dem #id-Selektor:

#checkbox-123:disabled + label {
    color:#ccc;
}

Beispiel: https://jsfiddle.net/jkz6Lsq2/

0 0 0
Noch keine Stimmen abgegeben
Durch die Nutzung dieser Website erklären Sie sich mit der Verwendung von Cookies einverstanden. Außerdem werden teilweise auch Cookies von Diensten Dritter gesetzt. Genauere Informationen finden Sie in unserer Datenschutzerklärung sowie im Impressum.