: zakázáno - Triky CSS

Anonim

:disabledVolič pseudo-class poskytuje podmíněné styling pro prvky HTML, které mohou přijímat vstup uživatele, když elementy mají disabledatribut. Je definován ve specifikaci CSS Selectors Level 3 jako „pseudo-třída stavu prvku UI“, což znamená, že se používá ke stylování obsahu na základě interakce uživatele se vstupním prvkem.

Prvky, které mohou získat disabledatribut patří , , , , a . Pro nastavení tohoto atributu existují dvě platné syntaxe: buď disabled="disabled"nebo (v HTML5) jednoduše disabledBooleovské klíčové slovo. Prvek je deaktivován, pokud jej nelze aktivovat (např. Vybrat, kliknout nebo přijmout textový vstup) nebo přijmout fokus.

Takový prvek lze stylovat pomocí :disabledselektoru pseudotřídy:

Podívejte se na toto pero!

Body zájmu

  • :disabledmohou být „zřetězeny“ s jinými pseudo-selektory: jako :beforenebo :afterpro generování ikon nebo textu, aby poskytly více zpětné vazby od uživatelů.
  • Jakákoli vlastnost, kterou lze animovat pomocí CSS Transitions nebo Animations, bude správně animována, když je disabledatribut přidán nebo odebrán z prvku HTML.

Podpora prohlížeče

Chrome Safari Firefox Opera TJ Android iOS
Všechno 3.1 Všechno 9 9 Všechno Všechno