修改checkbox选中背景颜色
时间: 2023-09-19 16:05:01 浏览: 230
修改菜单项的背景色
你可以通过设置CSS中的伪类`:checked`来修改checkbox选中时的背景颜色。以下是一个示例代码:
```html
<input type="checkbox" id="myCheckbox">
<label for="myCheckbox">选项</label>
<style>
input[type="checkbox"]:checked + label {
background-color: #ff0000; /* 设置选中时的背景颜色 */
}
</style>
```
在上面的代码中,我们使用了一个伪类选择器`:checked`来选中已选中的checkbox,然后使用相邻兄弟选择器`+`来选中它后面的label标签,最后设置了选中时的背景颜色为红色。
阅读全文