Эмуляция атрибута disabled для браузеров

HTML и CSSXSLTJavaScriptИзображенияСофтEtc
Владимир Токмаков

28 июня 2005


Задача.

Оформить элементы label с выставленным атрибутом disabled так же, как в IE.

Используем CSS-селектор по атрибуту элемента и делаем элемент прозрачным.

Как это выглядит в браузере

01 
02 
03 
04 
05 
06 
07 
<style type="text/css">
    label[disabled="true"] { opacity: 0.4; }
</style>
<form>
    <label disabled="true">Сюда нельзя</label>
    <input name="something" value="писать" disabled="true" />
</form>