css多选框的默认选中 |css 点击属性

/* 选中未来5天的天气预报 */
input[type="checkbox"]:checked + label {
background-color: skyblue;
}
/* 默认选中周末的复选框 */
input[type="checkbox"][name="weekend"]:checked + label {
background-color: yellow;
}
/* 默认选中第一个单选框 */
input[type="radio"][name="option"]:first-of-type:checked + label {
color: red;
}

如上所示，大家可以根据不同需要选择不同的策略。通过设置:checked伪类，大家可以很容易实现默认选中的效果。