:disabledСелектор псевдо-клас забезпечує умовний стиль для HTML - елементів , які можуть приймати користувача введення, коли елементи мають disabledатрибут. Він визначається в специфікації CSS Selectors Level 3 як “псевдо-клас стану елемента інтерфейсу”, тобто він використовується для стилювання вмісту на основі взаємодії користувача з вхідним елементом.
Елементи , які можуть приймати disabledатрибут включають , , , , і . Для встановлення цього атрибуту існує два допустимі синтаксиси: disabled="disabled"або (або в HTML5) просто disabledлогічне ключове слово. Елемент вимкнено, якщо його неможливо активувати (наприклад, вибрати, натиснути або прийняти введення тексту) або прийняти фокус.
Такий елемент можна стилізувати за допомогою :disabledселектора псевдокласу:
Цікаві місця
:disabledможе бути "прикутий" до інших псевдоселекторів: як:beforeабо:afterдля створення піктограм або тексту, щоб забезпечити більше відгуків користувачів.- Будь-яка властивість, яка може бути анімована за допомогою переходів CSS або анімації, буде належним чином анімована при
disabledдодаванні або видаленні атрибута з елемента HTML.
Підтримка браузера
| Chrome | Сафарі | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Всі | 3.1 | Всі | 9 | 9 | Всі | Всі |