:disabledSelektor pseudo-klasa zapewnia warunkowej stylizacji do elementów HTML, który może odbierać dane wejściowe użytkownika, gdy elementy mają disabledatrybut. Jest zdefiniowany w specyfikacji CSS Selectors Level 3 jako „pseudoklasa stanu elementu interfejsu użytkownika”, co oznacza, że jest używana do stylizowania treści na podstawie interakcji użytkownika z elementem wejściowym.
Elementy, które mogą odbierać disabledatrybut to , , , , i . Istnieją dwie prawidłowe składnie do ustawiania tego atrybutu: albo disabled="disabled"(w HTML5), po prostu disabledsłowo kluczowe Boolean. Element jest wyłączony, jeśli nie można go aktywować (np. Zaznaczyć, kliknąć lub zaakceptować wprowadzenie tekstu) lub zaakceptować fokus.
Taki element można stylizować za pomocą :disabledselektora pseudoklasy:
Użyteczne miejsca
:disabledmożna „łączyć” z innymi pseudo-selektorami: lubić:beforelub:aftergenerować ikony lub tekst w celu dostarczenia większej ilości informacji zwrotnych od użytkowników.- Każda właściwość, którą można animować za pomocą przejść lub animacji CSS, będzie odpowiednio animowana po
disableddodaniu lub usunięciu atrybutu z elementu HTML.
Wsparcie przeglądarki
| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| Wszystko | 3.1 | Wszystko | 9 | 9 | Wszystko | Wszystko |