• Техногрет
  • Эмуляция атрибута 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>