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

除了: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定义属性时的默认样式。

于 2013-07-03T12:48:33.133 回答