使用复选框类型更改开关标签的背景颜色？
霍夫斯
所以我用materializecss框架为我的网站，我尝试添加所看到这里。但是我无法更改已激活开关的颜色。至少对我来说，它使用复杂的CSS。
.switch label input[type=checkbox]:checked + .lever {
background-color: #84c7c1;
}
例如，如此处所示，您可以看到这是默认CSS，它使开关的背景变为青绿色。而且我无法通过使用ID来更改它。我尝试这样做：
.switch label input[type=checkbox]#profile-switch:checked + .lever#profile-switch {
background-color: #ffffff;
}
但这似乎没有用。
奎恩·阮（Quynh Nguyen）
<label>
Off
<input id="profile-switch-input" type="checkbox" checked="">
<span id="profile-switch-lever" class="lever"></span>
On
</label>
的CSS
.switch label input#profile-switch-input[type="checkbox"]:checked + #profile-switch-lever.lever::after {
background-color: #fff;
}
结果
原来的
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何使用白色更改复选框背景颜色
- 2
更改 UIkit 复选框的背景颜色
- 3
使用复选框更改背景颜色，可以选择数量有限的复选框
- 4
更改Vuetify复选框标签的颜色？
- 5
@ Html.CheckBoxFor（）-更改复选框标签颜色
- 6
根据复选框状态更改标签的颜色
- 7
如何更改实际复选框内 J 复选框的背景颜色
- 8
更改复选框的复选框背景颜色选中并取消选中
- 9
选中复选框时更改复选框标签的颜色
- 10
选中复选框时更改复选框标签的颜色
- 11
充当复选框时更改标签的背景
- 12
我们如何使用CSS3更改复选框和单选的背景颜色？
- 13
选中复选框时更改复选框颜色？
- 14
选中复选框时更改复选框颜色？
- 15
当复选框使用setEnable（true）时更改.setTextColor的颜色
- 16
当复选框使用setEnable（true）时更改.setTextColor的颜色
- 17
使用复选框的输入来更改按钮的颜色
- 18
使用 JQuery Validate 更改复选框轮廓颜色
- 19
如何更改引导复选框的颜色？
- 20
Flutter：更改复选框的选中颜色
- 21
如何更改复选框的选中颜色？
- 22
如何更改WPF复选框的颜色？
- 23
更改复选框背景色
- 24
更改复选框+标签jQuery
- 25
选择后更改复选框标签
- 26
悬停时更改struts2中复选框列表中每个元素的背景颜色
- 27
更改未选中的Material-UI复选框的背景颜色
- 28
jQuery-选中一个复选框并更改div的背景颜色
- 29
悬停时更改struts2中复选框列表中每个元素的背景颜色
我来说两句