Подтвердить что ты не робот

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

Мне нужно стилизовать элементы 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.

Есть ли что-то, что мне не хватает?

4b9b3361

Ответ 1

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

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

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

Ответ 2

Вы можете либо пойти с

select[disabled] {  }

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

или

select:disabled {  }

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

Ответ 3

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