: devre dışı - CSS Hileleri

Anonim

:disabledSözde sınıf seçici elemanları olduğunda, kullanıcı girişi almak HTML elemanlara koşullu şekillendirme sağlar disabledözelliği. CSS Seçiciler Seviye 3 spesifikasyonunda "UI öğesi durumu sözde sınıfı" olarak tanımlanmıştır, yani içeriğin kullanıcının bir giriş öğesiyle etkileşimine dayalı olarak stil oluşturmak için kullanılır.

Alabilen Elemanları disabledözelliğini ekleyin , , , , ve . Bu özniteliği ayarlamak için iki geçerli sözdizimi vardır: ya disabled="disabled"veya (HTML5'te) sadece disabledBoolean anahtar sözcüğü. Etkinleştirilemiyorsa (örneğin, seçilemiyorsa, tıklanıyorsa veya metin girişini kabul ediyorsa) veya odağı kabul edemiyorsa, öğe devre dışı bırakılır.

Böyle bir öğe, :disabledsözde sınıf seçici kullanılarak stilize edilebilir :

Bu Kaleme bakın!

İlgi noktaları

  • :disableddiğer sözde seçicilerle "zincirlenebilir": daha fazla kullanıcı geribildirimi sağlamak için simge veya metin gibi :beforeveya :afteroluşturma.
  • CSS Geçişleri veya Animasyonları ile canlandırılabilen herhangi bir özellik, disablednitelik HTML öğesine eklendiğinde veya buradan kaldırıldığında doğru şekilde canlandırılacaktır .

Tarayıcı Desteği

Krom Safari Firefox Opera IE Android iOS
Herşey 3.1 Herşey 9 9 Herşey Herşey