: увімкнено - CSS-хитрощі

Anonim

:enabledПсевдо-клас в CSS вибирає форматується елементи, що не відключаються, і тому включений. Вона пов'язана тільки з елементами форми ( , , ). Увімкнені елементи включають елементи, які можна вибрати, в які можна вводити дані або на які можна зосередитись або клацнути.

Отже, коли встановлений прапорець, і ви націлюєтеся на ярлик відразу після нього:

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

Текст мітки буде темно-сірим і курсивом, якщо прапорець увімкнено, тобто користувач може вмикати та вимикати його.

Теоретично, :enabledмає відповідати атрибутам , або з hrefатрибутами, але браузери, здається, не справляються з цим сценарієм. Ви можете стиль , , , , і S, які не є інвалідами. Коли це підтримується, ми також повинні мати можливість націлювати та

  • діти , які є дітьми , якщо не є інвалідами.

    Ви також можете подумати, що елементи з contenteditable та tabindex атрибути можна вибрати з :enabled псевдокласом. У специфікації цього не зазначено, а також не підтримуються браузерами.

    Chrome Сафарі Firefox Опера IE Android iOS
    Всі 3.1 Всі 9 9 Всі Всі