: zakázané - Triky CSS

Anonim

:disabledVolič pseudo-class poskytuje podmienené styling pre prvky HTML, ktoré môžu prijímať vstup používateľa, keď elementy majú disabledatribú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ť disabledatribút patrí , , , , a . Pre nastavenie tohto atribútu existujú dve platné syntaxe: buď disabled="disabled"alebo (v HTML5) jednoducho disabledbooleovské 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 :disabledselektora pseudotriedy:

Vyskúšajte toto pero!

Body záujmu

  • :disabledmôžu byť „reťazené“ s inými pseudo-selektormi: ako :beforealebo :afterna 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 disabledatribú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