Html 要更改复选框的颜色，请选中+；禁用属性，但与仅禁用属性不同

我有不同功能的复选框，运行良好。我的要求是，我想同时更改带有

“checked”和“disabled”属性的复选框的颜色，即我的最后一个复选框。但与复选框不同，复选框中只有
“disabled”
属性，即我的第三个复选框。先谢谢你


.switch、.switch{
-moz用户选择：无；
}
.切换标签输入[type=“checkbox”]{
身高：0；
不透明度：0；
宽度：0；
}
.切换标签输入[type=“checkbox”]：未（：选中），
.开关标签输入[type=“checkbox”]：选中{
左：-9999px；
不透明度：0；
位置：绝对位置；
}
.switch标签输入[type=“checkbox”]：选中+.lever:：after{
背景色：#629fd9；
左：14px；
}
.switch标签输入[type=“checkbox”]：禁用+.lever:：after{
背景色：#e6；
}
.开关标签输入[type=“checkbox”]：禁用+控制杆，
.switch标签输入[type=“checkbox”][disabled=“disabled”]：选中+.lever{
背景色：#f0；
}
.switch标签输入[type=“checkbox”][disabled=“disabled”]：选中+.lever:：after{
背景色：#B3C6D8；
}
.switch label.lever:：after{
背景色：#C0；
边界半径：21px；
内容：“；
显示：内联块；
高度：13px；
左：0px；
位置：绝对位置；
顶部：-3px；
过渡：左0.3s缓0秒，背景0.3s缓0秒，框影0.1s缓0秒；
宽度：13px；
}
.开关标签输入[type=“checkbox”]：选中+.杠杆{
背景色：#DFDFDF；
}
.开关标签.杠杆{
背景色：#DFDFDF；
边界半径：15px；
内容：“；
显示：内联块；
高度：7px；
边际：0.16px；
位置：相对位置；
过渡：背景0.3s到0.0s；
垂直对齐：中间对齐；
宽度：27px；
保证金权利：4px；
}
.开关标签{
左边距：-15px；
}

未选中选项
选中选项
选项禁用
选项已选中并禁用
这应该行得通

.switch label input[type="checkbox"][disabled]:checked + .lever {
    background-color: pink;
}

[disabled]
是一个属性，但
：checked
是一个伪类，因此在本例中选择它们的方式不同


.switch，
.开关{
-moz用户选择：无；
}
.切换标签输入[type=“checkbox”]{
身高：0；
不透明度：0；
宽度：0；
}
.切换标签输入[type=“checkbox”]：未（：选中），
.开关标签输入[type=“checkbox”]：选中{
左：-9999px；
不透明度：0；
位置：绝对位置；
}
.switch标签输入[type=“checkbox”]：选中+.lever:：after{
背景色：#629fd9；
左：14px；
}
.开关标签输入[type=“checkbox”][禁用]：选中+控制杆{
背景色：红色；
}
.switch label.lever:：after{
背景色：#C0；
边界半径：21px；
内容：“；
显示：内联块；
高度：13px；
左：0px；
位置：绝对位置；
顶部：-3px；
过渡：左0.3s缓0秒，背景0.3s缓0秒，框影0.1s缓0秒；
宽度：13px；
}
.开关标签输入[type=“checkbox”]：选中+.杠杆{
背景色：#DFDFDF；
}
.开关标签.杠杆{
背景色：#DFDFDF；
边界半径：15px；
内容：“；
显示：内联块；
高度：7px；
边际：0.16px；
位置：相对位置；
过渡：背景0.3s到0.0s；
垂直对齐：中间对齐；
宽度：27px；
保证金权利：4px；
}
.开关标签{
左边距：-15px；
}

未选中选项
选中选项
选项禁用
选项已选中并禁用
非常感谢您的努力..这正是我想要的：-）抱歉再次打扰您实际上我主要想更改“选项已选中并禁用”选项的圆圈背景色，即我的上一个选项比“选项已选中”的背景色亮选项，即我的第二个选项。这里-只需更改背景后的
：：（如果我理解正确）-