Можем ли мы написать CSS для метки на основе атрибутов значения ее атрибута "for"?

Я хочу написать css для меток флажков, основанных на включенных / отключенных флажках. Я знаю следующие методы, но я не доволен ими.

Method1:

label[for="something"] {
   /* woohoo! */
}
  • Я хочу написать обобщенный CSS. Я не хочу повторять для каждого флажка, как указано выше.

Method2:

input[type="checkbox"]:enabled+label{ font-weight: bold; }
  • этот напрямую выбирает родного брата и не основан на "для". Я хочу выбрать ярлык, который конкретно связан с флажком, и оставить его в покое, если ярлык не "для" этого флажка.

Как я могу применить CSS на основе атрибута "для" метки?

Источник

1 ответ

Подумайте после псевдокласса: selected, а не:enabled

input[type=checkbox]:checked + label {}

Приведенное выше выберет метку, которая будет следующей сестрой после проверенного ввода типа checkbox

Источник
Другие вопросы по тегам