CSS selector input:disabled

Селектор :disabled обирає всі вимкнені елементи (найчастіше використовуєтьс з елементами форми). Вимкнені елементи не можуть отримати фокусу, бути натисненими або активованими, а в текстові поля заборонено вводити тест.

автор: NagarD

Синтаксис

:disabled {


    css declarations;


}

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач
disabled	4.0	3.5	3.2	9.6	9.0

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

Сіре тло дістає лише вимкнене текстове поле — :disabled відсіює робочі.

HTML

<input type="text" value="робоче поле">
<input type="text" value="вимкнене поле" disabled>

CSS

input[type="text"]:disabled {
    background: #dddddd;
}

автор: NagarD

Без уточнення типу :disabled фарбує будь-який вимкнений <input> — і текстове поле, і кнопку.

HTML

<input type="text" value="вимкнене поле" disabled>
<input type="submit" value="вимкнена кнопка" disabled>
<input type="text" value="робоче поле">

CSS

input:disabled {
    background: #dddddd;
}

автор: NagarD

Недоступний пункт списку — червоний. Стилізація <option> у браузерах обмежена, тому список розгорнуто атрибутом size, де тло видно найкраще.

HTML

<select size="4">
    <option>доступний пункт</option>
    <option disabled>недоступний — червоний</option>
    <option>ще один доступний</option>
</select>

CSS

option:disabled {
    background: red;
}

автор: NagarD

Коментарі

Коментарів ще немає — будьте першим!