Ответ 1
Использование jquery:
$('option[disabled="true"]').each(function () {
$(this).attr('style', 'color:red');
});
проверьте его в действии здесь http://jsfiddle.net/GfNve
Мне нужно стилизовать элементы 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.
Есть ли что-то, что мне не хватает?
Использование jquery:
$('option[disabled="true"]').each(function () {
$(this).attr('style', 'color:red');
});
проверьте его в действии здесь http://jsfiddle.net/GfNve
Вы можете либо пойти с
select[disabled] { }
(не поддерживается в < IE7)
или
select:disabled { }
(не поддерживается в < IE9)
Возможно, вы должны использовать readonly
вместо disabled
. Это сделает вход включен, но не позволит пользователю изменить его значение.