De :disabledpseudo-class selector biedt voorwaardelijke opmaak aan HTML-elementen die gebruikersinvoer kunnen ontvangen, wanneer de elementen het disabledattribuut hebben. Het wordt in de CSS Selectors Level 3-specificatie gedefinieerd als een "UI element state pseudo-class", wat betekent dat het wordt gebruikt om inhoud te stylen op basis van de interactie van de gebruiker met een invoerelement.
Elementen die het kan ontvangen disabledopgenomen in het kenmerk , , , , en . Er zijn twee geldige syntaxis voor het instellen van dit attribuut: ofwel disabled="disabled"of (in HTML5) gewoon het disabledBooleaanse sleutelwoord. Een element is uitgeschakeld als het niet kan worden geactiveerd (bijv. Geselecteerd, erop geklikt of tekstinvoer kan accepteren) of focus kan accepteren.
Zo'n element kan worden gestileerd met behulp van de :disabledpseudo-class selector:
Nuttige Plaatsen
:disabledkan worden "geketend" met andere pseudo-selectors: like:beforeof:afterom pictogrammen of tekst te genereren om meer gebruikersfeedback te geven.- Elke eigenschap die kan worden geanimeerd met CSS-overgangen of animaties, wordt correct geanimeerd wanneer het
disabledattribuut wordt toegevoegd aan of verwijderd uit het HTML-element.
Browser-ondersteuning
| Chrome | Safari | Firefox | Opera | D.W.Z | Android | iOS |
|---|---|---|---|---|---|---|
| Alle | 3.1 | Alle | 9 | 9 | Alle | Alle |