2

セレクターは次のとおりです。

<label for="choise1" id="l1"></label>
<label for="choise2" id="l2"></label>
<input type="radio" id="choise1" name="navinp" checked="true" />
<input type="radio" id="choise2" name="navinp" />

そしてCSS：

#choise1:checked ~#l1 
{  background-color: #fff;  }

#choise2:checked ~#l2 
{  background-color: #fff;  }

これでラベルが変更されると思いましbgcolorたが、ラベルをクリックしても何も起こりません。どうしたの？

4

2 に答える 2

4

セレクターは、現在の~要素より前の要素では機能しません。

ラベルを強調表示したい場合は、チェックボックスの後に来る必要があります - DEMO

于 2012-11-03T13:11:29.623 に答える
0

擬似クラス セレクター :checked は Internet Explorer でサポートされていないため、これはブラウザーの問題である可能性があります。

参照: http://reference.sitepoint.com/css/pseudoclass-checked

于 2012-11-03T13:11:36.993 に答える