Html 自定义开关输入的蓝色轮廓不';我不想消失

Html 自定义开关输入的蓝色轮廓不';我不想消失,html,bootstrap-4,Html,Bootstrap 4,所以我用的是bootstrap,当我点击自定义开关按钮时,我试图删除它周围的蓝色轮廓,但我不能删除它,我用的是chrome。这是我的密码: 测试:焦点, #测试:主动, 投入:聚焦, 输入:活动 { 大纲:无!重要; } 你好,你好吗 您必须在以下CSS选择器上删除它: .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none; } 此外,如果要在聚焦时从交换机上移除浅蓝色边框,请

所以我用的是bootstrap,当我点击自定义开关按钮时,我试图删除它周围的蓝色轮廓,但我不能删除它,我用的是chrome。这是我的密码:

测试:焦点, #测试:主动, 投入:聚焦, 输入:活动 { 大纲:无!重要; }

你好,你好吗

您必须在以下CSS选择器上删除它:

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

此外,如果要在聚焦时从交换机上移除浅蓝色边框,请使用:

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #adb5bd;
}