Как дать стиль элементу в который вложен checkbox?

Question

[Павел]

Есть код на сайте с выбором мест в автобусе, при нажатии на который закрашивается в цвет. Выполнено это в виде таблицы и мне нужно закрасить ячейку в который лежит checkbox.
Код разметки выглядит примерно вот так:

<td><input type="checkbox" id="1" name="1" class="[[getCheck181? &val=`Red-1`]] "><label for="1">1</label></td>

В файле css:

.place:checked+label{
background:#306cb3;
}

Comments

[Вадим]

Можно сделать псевдоэлемент для label, position:relative для ячейки таблицы, поместить псевдо под низ и красить.
Родительский элемент на основе состояния дочерних покрасить условно нельзя. Только через очень свежий :has, либо более поддерживаемый :focus-within, но это не то что Вам нужно.

Answer 1

[Rsa97]

Можно через :has, но будет работать только в последних хромах.
Либо надо назначать класс родительскому элементу, без новых псевдоклассов CSS работает только вниз и вглубь.