: etkinleştirildi - CSS Hileleri

Anonim

:enabledCSS seçtiği odaklanabilir öğelerinde sözde sınıfı devre dışı ve dolayısıyla etkin olmadığını. Bu sadece kalıp elemanları ile bağlantılıdır ( , , ). Etkin öğeler arasında seçebileceğiniz, veri girebileceğiniz veya odaklanabileceğiniz ya da tıklayabileceğiniz öğeler bulunur.

Dolayısıyla, bir onay kutusu işaretlendiğinde ve hemen ardından etiketi hedeflediğinizde:

input:enabled + label ( color: #333; font-style: italic; )

Onay kutusu etkinleştirilirse etiket metni koyu gri ve italik olur, yani kullanıcı onu açıp kapatabilir.

Teorik olarak, :enabledbir eşleşmesi gerekir , , ya da birlikte href nitelikler, ancak tarayıcılar bu senaryoyu ele görünmüyor. Sen stil ekleyebilirsiniz , , , , ve özürlü olmayan s. Ne zaman desteklenir, biz de hedef gerekir ve

  • özürlü değilse çocukları olan .

    Ayrıca, contenteditable ve tabindex özniteliklerine sahip öğelerin :enabled sözde sınıfla seçilebilir olduğunu düşünürsünüz . Spesifikasyon bunu belirtmez ve tarayıcılar bunu desteklemez.

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