: włączone - CSS-Tricks

Anonim

:enabledPseudo-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 :enabledpowinno 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

  • to są dzieci , jeśli nie niepełnosprawne.

    Można by również pomyśleć, że elementy z atrybutami contenteditable i tabindexbył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