css3 :checked选择器选择被选中的表单元素

css3 :checked选择器

CSS3 :checked选择器是CSS3中提供的一种新的选择器，可以用来选择被选中的表单元素。它可以用于表单元素中的任何类型，包括单选框（radio）、复选框（checkbox）、选择框（select）和文本框（input）。可以使用该选择器来设置表单元素的样式，如背景色、文字颜色、边框等。

使用方法

input[type="radio"]:checked {
    /* 选中单选框时的样式 */
    background-color: #ddd;
    color: #000;
    border: 1px solid #000;
}
input[type="checkbox"]:checked {
    /* 选中复选框时的样式 */
    background-color: #ddd;
    color: #000;
    border: 1px solid #000;
}
select:checked {
    /* 选中选择框时的样式 */
    background-color: #ddd;
    color: #000;
    border: 1px solid #000;
}
input[type="text"]:checked {
    /* 选中文本框时的样式 */
    background-color: #ddd;
    color: #000;
    border: 1px solid #000;
}

上面的代码展示了如何使用css3 :checked选择器来选择被选中的表单元素，并为其设置样式，可以看到，只要在元素的选择器后面加上“:checked”，就可以设置其被选中时的样式了。

CSS3 :checked选择器可以用来选择被选中的表单元素，并为其设置样式，使用起来非常方便，可以有效提高网页的视觉效果。