:disabled
Volič pseudo-class poskytuje podmíněné styling pro prvky HTML, které mohou přijímat vstup uživatele, když elementy mají disabled
atribut. 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 disabled
atribut patří ,
,
,
,
a
. Pro nastavení tohoto atributu existují dvě platné syntaxe: buď
disabled="disabled"
nebo (v HTML5) jednoduše disabled
Booleovské 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í :disabled
selektoru pseudotřídy:
Podívejte se na toto pero!
Body zájmu
:disabled
mohou být „zřetězeny“ s jinými pseudo-selektory: jako:before
nebo:after
pro 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
disabled
atribut 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 |