Как заменить псевдокласс has?

Question

[tgarl]

Есть верстка где используется псевдокласс :has()
label:has(input:checked)::before

Как можно такую конструкцию заменить? Просто не все версии браузеров поддерживают. Так например на windows7 только хром поддерживает такой стиль.
Если бы убрать :before, то можно было бы использовать
label>input:checked
но что имею. Обновление винды это конечно хорошо, но хочется решения без этого рассуждения что и кому обновлять.
Если это невозможно заменить, то просьба так и сказать, чтобы у меня был аргумент что верстку нужно переделывать.

Comments

[Ankhena]

Есть верстка где используется псевдокласс :has()

Странная, конечно, логика у того, кто так писал.
Потому что свойство appearance: none, которое позволяет стилизовать радио и чекбоксы напрямую, поддерживается большим количеством браузеров.

Как можно такую конструкцию заменить?

Изменить разметку и использовать составные селекторы ~ или +

Но я бы через appearance проверила.

Answer 1

[Rsa97]

Через чистый CSS никак не заменить. Только если вешать JS обработчик на input и менять класс label.

Если бы убрать :before, то можно было бы использовать

Нельзя. Селектор с :has у вас относится к label, а без него - к input.