更改引导程序 4 复选框按钮的开/关颜色

Question

我找不到这些 css 属性的覆盖。请注意，在此示例页面 https://getbootstrap.com/docs/4.1/components/buttons/#checkbox-and-radio-buttons 中，切换的打开和关闭状态之间的颜色差异太微妙了，不符合我的喜好。我想为任一州选择特定的颜色。

Answer 1

您将找到的是默认引导程序覆盖的解决方案，但我更喜欢您使用自己的类

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{
color: #fff;
background-color: green;
border-color: green;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
background: red;
border-color: red;
}

类似的东西

.btn .btn-secondary .focus .toggle-on-off {
background: red;
border-color: red;
}
.btn .btn-secondary .focus .active toggle-on-off{
background-color: green;
border-color: green;
}

因为引导带究竟做了什么，他们添加了类active