Bootstrap自定义复选框的Box-Shadow CSS

Question

我想删除单击复选框时出现的阴影。我已经采用了 Bootstrap 4 的自定义复选框，并为必要的东西着色，但是我无法从 Box-Shadow 的位置显示这是我的代码-< / p>

<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>

Answer 1

这是设置“盒子阴影”的样式选择器

.custom-control-input:focus~.custom-control-label::before {
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
    }