: letiltva - CSS-trükkök

Anonim

Az :disabledál-osztályválasztó feltételes stílust biztosít a HTML-elemek számára, amelyek felhasználói adatbevitelt fogadhatnak, ha az elemeknek megvan az disabledattribútumuk. A CSS Selectors 3. szintű specifikációja „UI elemállapot-álosztály” -ként van meghatározva, ami azt jelenti, hogy a tartalom stílusához a felhasználó és egy bemeneti elem közötti interakció alapján kerül sor.

Elemeket, amelyek megkapják a disabledtulajdonság közé , , , , és . Az attribútum beállításához két érvényes szintaxis létezik: disabled="disabled"vagy (vagy HTML5-ben) egyszerűen a disabledlogikai kulcsszó. Ha egy elem nem aktiválható (pl. Kijelölhető, rákattint vagy elfogadja a szövegbevitelt), vagy elfogadja a fókuszt, akkor le van tiltva.

Egy ilyen elemet az :disabledál-osztály választóval lehet stilizálni :

Nézze meg ezt a tollat!

Látványosság

  • :disabled„láncolható” más álszelektorokkal: like :beforevagy :afterikonok vagy szöveg létrehozása a felhasználói visszajelzés érdekében.
  • Minden tulajdonság, amelyet CSS Transitions vagy Animations segítségével lehet animálni, megfelelően animálódik, amikor az disabledattribútumot hozzáadják vagy eltávolítják a HTML elemből.

Böngésző támogatás

Króm Szafari Firefox Opera AZAZ Android iOS
Összes 3.1 Összes 9. 9. Összes Összes