3

私は C# .net を使用しています。画面上にいくつかの事前チェック済みおよび無効化されたラジオ ボタン リストがある状況があります。私が欲しいのは、チェックされたラジオボタンと無効なラジオボタンの場合、テキストは緑色で太字にする必要があるため、次のCSSクラスを作成しました

 input[type="radio"]:disabled  +label 
 {
     color: Gray;
 } 
 input[type="radio"]:checked  +label 
 {
     font-weight: bold; 
     color: Green;
 }
 input[type="radio"]:enabled  +label 
 {
     color: Black;
     font-weight: normal;
 }

これは、Firefox、IE9、および chrome で正常に機能します。問題は、IE 8以下で試したときに発生します..その時、cssは適用されません。IE 6、7、および 8 に同じ効果を適用する方法はありますか?? PS私はこれにjqueryまたはjavascriptを使用できません..唯一の実行可能なオプションはcssを使用することです

4

1 に答える 1

7

疑似セレクターを除いて、:enabledCSS2 で同じ結果を得ることができ、attribute selectorsIE7 以降で問題なく動作します。

 input[type="radio"][disabled] + label 
 {
     color: Gray;
 } 

 input[type="radio"][checked] + label 
 {
     font-weight: bold; 
     color: Green;
 }

:enabledセレクターは冗長であり、実際には属性が定義されてinput[type=radio] + labelいない場合のデフォルトのスタイルであると主張する人もいます。disabled/checked

于 2013-07-03T12:48:33.133 に答える