15413 2012-01-04 03:31:08 +0000 <label> :checked state should reflect the input's one 2012-02-02 01:39:19 +0000 1 1 1 Unclassified CSS Selectors unspecified PC Windows NT NEW P2 normal --- 1 giorgio.liscio fantasai.bugs dbaron ian jackalmage jonas mike mtanalin public-html-admin public-html-wg-issue-tracking dave.null oldest_to_newest 62261 0 giorgio.liscio 2012-01-04 03:31:08 +0000 hello, I think people expect to see working an expression like this: <style> label:checked{background:lime;} </style> <label for="asd">Check me</label> ... <input type="checkbox" name="test" id="asd"> hope this helps 62314 1 mtanalin 2012-01-05 22:37:21 +0000 Indeed, it would be nice. Currently we are forced to place LABEL exactly after INPUT and use adjacent-sibling combinator to style LABEL: INPUT + LABEL {...} Someone may say that it's not about HTML, but about CSS. However, same way as we have input.checked JS property, we could have label.checked JS-property. CSS could then just add corresponding selector to reflect this. 62316 2 jackalmage 2012-01-05 23:04:15 +0000 This can be addressed with some new additions in Selectors 4, without any necessary change to HTML. If you have <label for>, it can be done with a selector like "label! /for/ :checked". This uses the reference combinator ("/for/" <http://dev.w3.org/csswg/selectors4/#idref-combinators>) to link the label to its input, and uses the subject indicator ("!" <http://dev.w3.org/csswg/selectors4/#subject>) to indicate you're trying to select the label, not the input. If you have a plain <label> that contains its input, you can use "label! :checked", again using the subject indicator to select the label instead of the input. 63564 3 ian 2012-02-02 01:39:19 +0000 This is a CSS/selectors issue.