A :enabledpseudoclasse em CSS seleciona elementos focalizáveis que não são desabilitados e, portanto, habilitados. Ela só é associado com elementos de formulário ( , , ). Os elementos habilitados incluem aqueles que você pode selecionar, inserir dados, focar ou clicar.
Portanto, quando uma caixa de seleção é marcada e você está direcionando o rótulo imediatamente após:
input:enabled + label ( color: #333; font-style: italic; )O texto do rótulo ficará cinza escuro e itálico se a caixa de seleção estiver ativada, o que significa que o usuário pode ativá-la e desativá-la.
Em teoria, :enableddeve corresponder a um , , ou com href atributos, mas os navegadores não parecem lidar com esse cenário. Você pode estilo , , , , e s que não são deficientes. Quando é compatível, também devemos ser capazes de direcionar e
Você também pensaria que os elementos com atributos contenteditable e tabindexseriam selecionáveis com a :enabled pseudoclasse. A especificação não afirma isso, nem os navegadores oferecem suporte.
| cromada | Safári | Raposa de fogo | Ópera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Todo | 3,1 | Todo | 9 | 9 | Todo | Todo |