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

Question

我想删除单击复选框时出现的阴影。我已经使用了 Bootstrap 4 的自定义复选框并为必要的东西着色，但我无法从哪里找到 箱影正在显示这是我的代码-

<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

这是设置“box-shadow”的样式选择器

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