是否可以使用CSS设置已禁用的INPUT元素？

Question

我需要设置样式 元素,使它们看起来像是启用了它们.有人可以帮忙吗？disabled <select>

PS.我非常清楚这种与HCI原则等相关的事情的缺点,但它是一个要求,所以如果有可能我必须这样做......

谢谢.

编辑:

@AlexThomas的方法在HTML代码中禁用元素时效果很好但不幸的是我正在使用JQuery进行禁用/启用:

<select class='dayselector'>
    <option>Monday</option>
    <option>Tuesday</option>
    <!-- .... etc. -->
</select>

$(".dayselector").attr("disabled",true);

$(".dayselector").attr("disabled",false);

所以选择器:

$(".dayselector")  //works and gets all the selects

和

$(".dayselector option")  //works and gets all the selects' option items

但
$(".dayselector [disabled='true']") //doesn't return anything.

和

`$(".dayselector [disabled='false']")  //doesn't return anything.

有什么我想念的吗？

Answer 1

你可以选择

select[disabled] {  }

(<IE7不支持)

要么

select:disabled {  }

(<IE9不支持)

Answer 2

也许你应该用readonly而不是disabled.这将使输入启用,但不允许用户更改其值.

Answer 3

使用jquery:

$('option[disabled="true"]').each(function () {
                 $(this).attr('style', 'color:red');
});

在这里检查它http://jsfiddle.net/GfNve