Можно ли стилизовать отключенный элемент INPUT с помощью CSS?

Question

Мне нужно стилизовать disabled <select> элементы, чтобы они выглядели так, как будто они включены.Может кто-нибудь помочь?

PS.Я слишком хорошо осведомлен о недостатках такого рода действий в отношении принципов HCI и т. Д., Но это требование, поэтому я должен сделать это, если это возможно ...

Спасибо.

EDIT:

@ 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] {  }

(не поддерживается в

или

select:disabled {  }

(не поддерживается в

Answer 2

Возможно, вам следует использовать readonly вместо disabled. Это сделает ввод активным, но не позволяет пользователю изменять его значение.

Answer 3

Использование jquery:

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

проверить это здесь http://jsfiddle.net/GfNve