css 单选框默认选中

CSS 单选框默认选中

在 HTML 中，单选框 (radio) 是一种常见的表单元素。当表单需要多选项中只能选择一项时，通常会使用单选框。通常情况下，我们需要在页面加载时给单选框设置默认选中项。可以使用以下 CSS 代码来实现：

input[type="radio"]:checked {
  /* 选中后的样式 */}

对于单选框来说，我们需要使用:checked 伪类来表示已选中的状态。选择 input[type="radio"] 元素，只有当它是选中状态时，才能生效。下面是一个基本示例：

  
     Option 1  
  
     Option 2  
  
     Option 3  
  input[type="radio"]:checked {
        /* 选中后的样式 */    border: 2px solid #f00;
  }
    

在上面的示例中，我们给单选框添加了一个默认选中的状态，使用了 checked 属性，并将样式设置为红色边框。如果您要改变默认选中的选项，请将 checked 属性添加到其他选项中。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！