How to select the parent element when child element checked?

Question

I want to style my CheckBox. I wrote these code :

<div class="check-box-input">
    <input type="checkbox">
</div>

& I want to apply a style to parent div when input checked, I wrote this code but It doesn't work :

.check-box-input input:checked ~ .check-box-input {
    background-image: url('../Images/CheckBox.png');
}

Try to have a look at this link: http://stackoverflow.com/questions/4148499/how-to-style-checkbox-using-css — Frank W., Jul 16 '16 at 10:54
@FrankW. Thanks but I want to know how to do it like this ... — , Jul 16 '16 at 10:56

score 1 · Accepted Answer · answered Jul 16 '16 at 11:02

1

there's no way in css to do this but instead you can use the css "+" selector which select element immediately after the selected element

answered Jul 16 '16 at 11:02

Mohamed Sobhy

1 Answers1