Как стилизовать родительский элемент флажка, когда флажок установлен, используя псевдокласс [закрыто] ⇐ CSS

[Anonymous]

Есть ли способ стилизовать родительский элемент флажка, когда флажок установлен?

Код: Выделить всё

#filterGroup.has(input) {
border: 1px solid red;
}

#filterGroup.has(#filterCheckbox:checked) {
border: 1px solid green;
}
.filterGroup {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
padding: 4px 8px;
border: 2px solid rgba(0,0,0,0);
}
.filterGroup:hover {
background-color: lightgray;
color: white;
border-radius: 24px;
}

Код: Выделить всё

Checkbox

Я хочу создать стиль для родительского элемента флажка, а не для флажка.



Я хочу создать стиль для родительского элемента флажка, а не для флажка.



Я хочу создать стиль для родительского элемента флажка, а не для флажка.



Я хочу создать стиль для родительского элемента флажка, а не для флажка.



Я хочу создать стиль для родительского элемента флажка.
В приведенном выше примере флажок будет каким-то образом скрыт и будет показан серый фон. При повторном нажатии серый фон не будет виден.

Подробнее здесь: https://stackoverflow.com/questions/790 ... ng-has-pse