css单选默认值

当我们在页面中使用单选按钮作为用户进行选择时，我们通常需要指定其中一个选项为默认选项，以便于用户进入页面时能够有一个预设值。

input[type='radio']:checked {
    background-color: #007bff;
    color: #fff;
}
input[type='radio']:not(:checked) {
    background-color: #fff;
    color: #007bff; 
}

上面是一个简单的 CSS 样式规则，它们是通过选中和非选中的状态设置单选按钮的样式。在这个规则中，我们可以很容易地看出当选项被选中时，将会显示反色的背景和前景颜色。

要设置默认选项，我们只需要将页面中的单选按钮的 "checked" 属性设置为 "true"，以指定哪一个选项应该是默认选项。

<input type="radio" name="gender" value="male" checked> Male

<input type="radio" name="gender" value="female"> Female

在上面的示例中，我们将 "checked" 属性设置为 "true"，让 "Male" 选项成为默认选项。然后，当页面加载时，用户将会看到 "Male" 选项作为预设值。

总之，设置默认选项是很容易的，只需要指定哪一个选项应该被选中。随着页面的加载，在单选按钮组中指定默认选项可以帮助用户更快地进行选择并优化用户体验。