Below are some selectors:
<label for="option1" id="lbl1"></label>
<label for="option2" id="lbl2"></label>
<input type="radio" id="option1" name="navinput" checked="true" />
<input type="radio" id="option2" name="navinput" />
Here is the corresponding CSS:
#option1:checked ~#lbl1
{ background-color: #fff; }
#option2:checked ~#lbl2
{ background-color: #fff; }
There seems to be an issue as the labels' background color is not changing when clicking on them. What could be causing this problem?