:disabled
Volič pseudo-class poskytuje podmienené styling pre prvky HTML, ktoré môžu prijímať vstup používateľa, keď elementy majú disabled
atribút. Je definovaná v špecifikácii CSS Selectors Level 3 ako „pseudo-trieda stavu prvku UI“, čo znamená, že sa používa na úpravu obsahu na základe interakcie používateľa so vstupným prvkom.
Prvky, ktoré môžu získať disabled
atribút patrí ,
,
,
,
a
. Pre nastavenie tohto atribútu existujú dve platné syntaxe: buď
disabled="disabled"
alebo (v HTML5) jednoducho disabled
booleovské kľúčové slovo. Element je deaktivovaný, ak ho nie je možné aktivovať (napr. Vybrať, kliknúť na neho alebo prijať textový vstup) alebo akceptovať zaostrenie.
Takýto prvok je možné štylizovať pomocou :disabled
selektora pseudotriedy:
Vyskúšajte toto pero!
Body záujmu
:disabled
môžu byť „reťazené“ s inými pseudo-selektormi: ako:before
alebo:after
na generovanie ikon alebo textu, ktoré poskytujú väčšiu spätnú väzbu od používateľov.- Akákoľvek vlastnosť, ktorú je možné animovať pomocou Prechodov CSS alebo Animácie, bude správne animovaná, keď je
disabled
atribút pridaný alebo odstránený z prvku HTML.
Podpora prehľadávača
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
Všetky | 3.1 | Všetky | 9 | 9 | Všetky | Všetky |