В :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 | всичко | всичко |