Question

我正在使用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应用相同的效果？附：我不能使用jquery或javascript ...唯一可行的选择是使用css

Answer 1

除:enabled伪选择器外，您可以使用CSS2 attribute selectors获得相同的结果，并使IE7及以上版本正常工作：

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

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

有些人认为:enabled选择器是简化的，并且在没有定义input[type=radio] + label属性时实际上是disabled/checked的默认样式。

禁用和检查单选按钮标签的CSS选择器

1 个答案: