您可以使用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 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录