css3复选框是否被选中 |纯css 移动端

要判断一个复选框是否被选中，大家可以使用:checked伪类。这个伪类可以检查任何可选元素是否被选中，包括单选按钮、复选框和开关按钮。

/* 选中时的样式 */
input[type="checkbox"]:checked {
background-color: #13CE66;
border: none;
}

如上所示，大家使用input[type=”checkbox”]:checked来选择被选中的复选框，然后设置背景色和边框。这样就可以在复选框被选中时改变其样式。

除了改变复选框本身的样式，大家也可以通过:checked伪类来改变其相邻元素的样式。例如，在一个复选框被选中时，大家希望其相邻的文字变为粗体字。

/* 复选框选中时，相邻文字变为粗体 */
input[type="checkbox"]:checked + label {
font-weight: bold;
}

以上是CSS3复选框是否被选中的一些基本知识和应用。通过:checked伪类，大家可以实现在复选框被选中时改变其样式和相邻元素的样式，从而提升用户交互体验。