:enabled
Pseudo-klasy w CSS wybiera elementy aktywowana, które nie są wyłączone, a zatem włączona. Jest to związane tylko z elementów formy ( ,
,
). Włączone elementy obejmują te, w których możesz wybrać, do których możesz wprowadzić dane lub na których możesz się skupić lub kliknąć.
Jeśli więc pole wyboru jest zaznaczone i kierujesz na etykietę znajdującą się bezpośrednio po nim:
input:enabled + label ( color: #333; font-style: italic; )
Tekst etykiety będzie ciemnoszary i kursywą, jeśli pole wyboru jest zaznaczone, co oznacza, że użytkownik może je włączać i wyłączać.
Teoretycznie :enabled
powinno pasować do ,
lub z
href
atrybutami, ale przeglądarki nie radzą sobie z tym scenariuszem. Można projektować ,
,
,
,
i
S, które nie są wyłączone. Gdy
jest obsługiwany, powinniśmy również być w stanie kierować reklamy
i
, jeśli nie niepełnosprawne.
Można by również pomyśleć, że elementy z atrybutami contenteditable
i tabindex
byłyby wybieralne za pomocą :enabled
pseudoklasy. Specyfikacja tego nie stwierdza, ani przeglądarki tego nie obsługują.
Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
---|---|---|---|---|---|---|
Wszystko | 3.1 | Wszystko | 9 | 9 | Wszystko | Wszystko |