0
0 Comments

I need to add transparent layer on LI so when user try to click on checkbox then system treat as like clicked on LI. Here is my code. I have tried to add positions and z index but it not work for me. I need to do it from CSS.

			
.selectorFilterRow {
  border: 1px solid;
  background: #DDD;
  position: relative;
  z-index: 999;
}

.selectorFilterRow [type="checkbox"] {
  position: relative;
  z-index: 9;
}


			
<ul class="selector-list">
  <li class="selectorFilterRow">
    <div class="check-pro">
      <input type="checkbox" name="filterCheckbox[]" value="130" class="filterCheckBox">
      <label>One</label>
    </div>
  </li>
  <li class="selectorFilterRow">
    <div class="check-pro">
      <input type="checkbox" name="filterCheckbox[]" value="130" class="filterCheckBox">
      <label>Two</label>
    </div>
  </li>
  <li class="selectorFilterRow">
    <div class="check-pro">
      <input type="checkbox" name="filterCheckbox[]" value="130" class="filterCheckBox">
      <label>Three</label>
    </div>
  </li>
</ul>

Anonymous Asked question May 13, 2021