: invalīds - CSS-triki

Anonim

:disabledPseido-klases selektors nodrošina nosacītu dizainu ar HTML elementiem, kas var saņemt lietotāja ievadi, ja elementi ir disabledatribūtu. CSS selektoru 3. līmeņa specifikācijā tas ir definēts kā “UI elementa stāvokļa pseidoklase”, kas nozīmē, ka to lieto satura veidošanai, pamatojoties uz lietotāja mijiedarbību ar ievades elementu.

Elementi, kas var saņemt šo disabledatribūtu ietver , , , , un . Šī atribūta iestatīšanai ir divas derīgas sintakses: vai nu disabled="disabled"vai (HTML5 formātā) vienkārši disabledBūla atslēgvārds. Elements tiek atspējots, ja to nevar aktivizēt (piem., Atlasīt, noklikšķināt vai pieņemt teksta ievadi) vai pieņemt fokusu.

Šādu elementu var veidot, izmantojot :disabledpseidoklases selektoru:

Pārbaudiet šo pildspalvu!

Apskates vietas

  • :disabledvar būt “pieķēdēts” ar citiem pseido-atlasītājiem: patīk :beforevai :afterģenerēt ikonas vai tekstu, lai sniegtu vairāk lietotāju atsauksmes.
  • Visi īpašumi, kurus var animēt ar CSS pārejām vai animācijām, tiks pareizi animēti, kad disabledatribūts tiks pievienots vai noņemts no HTML elementa.

Pārlūka atbalsts

Chrome Safari Firefox Opera IE Android iOS
Viss 3.1 Viss 9 9 Viss Viss