How to select the parent element when child element checked?

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');
}