How with checkbox selected to highlight all parent div

HTML-CSS
#1

Hello,
In my vue 2.5 / Bootstrap 4,3 app I need to make checkbox middle aligned and I do like :

	<tr v-for="nextSearchResult, index in searchResults" :key="nextSearchResult.Id"  style="width:100%">

		<td style="width:1%; max-width: 25px; " class=" p-0 m-0 pl-2 align-middle">
    		<div class="custom-control custom-checkbox">
    			<input type="checkbox" class="custom-control-input" :id="'next_search_result_id_'+ nextSearchResult.Id"
			       :value="nextSearchResult.Id" v-model="nextSearchResult.is_checked">
    			<label class="custom-control-label" :for="'next_search_result_id_'+ nextSearchResult.Id"></label>
    		</div>
		</td>

and it works ok, but I need when checkbox is selected to highlight all parent div in some styling way.

How to make it ?

Thanks!

#2

There are no parent selectors in CSS.

You can look for the :checked pseudo-class, or the element property and use it in JavaScript to do something to a parent element.

#3