修改checkbox-group中选中时的样式
您可以使用CSS来修改checkbox-group中选中时的样式。以下是一个示例:
HTML代码:
<div class="checkbox-group">
<input type="checkbox" id="checkbox1" name="checkbox1" value="option1">
<label for="checkbox1">选项1</label>
<input type="checkbox" id="checkbox2" name="checkbox2" value="option2">
<label for="checkbox2">选项2</label>
<input type="checkbox" id="checkbox3" name="checkbox3" value="option3">
<label for="checkbox3">选项3</label>
</div>
CSS代码:
.checkbox-group input[type="checkbox"]:checked + label {
background-color: #4CAF50;
color: white;
}
解释:当一个复选框被选中时,它的相邻label元素的背景颜色和文字颜色将被修改为绿色和白色。您可以根据需要进行修改。
原文地址: https://www.cveoy.top/t/topic/bFhN 著作权归作者所有。请勿转载和采集!