<style type="text/css">
.chk_1 {
width: 20px;
height: 20px;
position: absolute;
top: 15px;
left: 10px;
}
.chk_1 + label {
background: #ccc;
width: 20px;
height: 20px;
display: inline-block;
position: absolute;
top: 17px;
left: 12px;
}
.chk_1:checked + label {
background:red;
}
</style>
</head> <body>
<input type="checkbox" id="checkbox_a1" class="chk_1">
<label for="checkbox_a1"></label>
</body>
相关文章
- 12-04复选框checkbox——用背景图片替换样式
- 12-04input复选框checkbox默认样式修改
- 12-04react动态添加输入表单 input checkbox等
- 12-04修改 input checkbox 样式
- 12-04vue disabled样式更改（checkbox input ）
- 12-04【android开发笔记】为Button的背景图片添加边框式样式效果
- 12-04Input checkbox 添加样式背景
- 12-04phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护
- 12-04css input checkbox复选框控件 样式美化的多种方案
- 12-04QT 设计师使用样式表添加背景