2

I want to remove the Shadow That occur on clicking over Checkbox. I've taken the custom Checkbox of Bootstrap 4 and Colored the necessary things, but I'm unable to find from where the Box-Shadow is Showing Here's my code-

<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck1">
<label class="custom-control-label" for="customCheck1"><h6>Change flooring - ₹ 10</h6></label>
</div>

Jayakumar Thangavel
  • 1,884
  • 1
  • 22
  • 29
Maruf
  • 69
  • 1
  • 9
  • You means this: https://stackoverflow.com/questions/24056163/remove-a-hover-class-from-a-checkbox-once-clicked ? – tunapq Dec 29 '19 at 04:33
  • Welcome to Stack Overflow _ There are already several questions on SO about accessing BS4 `box-shadow` attribute, including the one commented above. This is a link to the upvoted / accepted answer to another question, which will likely help >>> https://stackoverflow.com/a/43612974/3711083 – inputforcolor Dec 29 '19 at 06:09
  • Does this answer your question? [Bootstrap 4: customize checkbox border](https://stackoverflow.com/questions/43612852/bootstrap-4-customize-checkbox-border) – inputforcolor Dec 29 '19 at 06:09

1 Answers1

2

This is the style selector that sets up the 'box-shadow'

.custom-control-input:focus~.custom-control-label::before {
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
    }
多一点点爱
  • 1,333
  • 6
  • 12