Question

我有一个自定义样式的单选按钮，因此它不会响应其标记中的selected="selected"。还有其他解决方案可以让它被选中吗？

这是自定义代码，因此您可以看到原始内容只是隐藏。如果我尝试在默认selected="selected"开启的表单上单击提交，则表示我需要填写所有字段（仅在收音机上 - 但通知显示在浏览器的左上角）。

label {  
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 25px;  
    margin-right: 15px;  
    font-size: 13px;  
}  

input[type=radio] {  
    display: none;  
}  

label:before {  
    content: "";  
    display: inline-block;  

    width: 12px;  
    height: 12px;  

    margin-right: 10px;  
    position: absolute;  
    left: 0; 
    background: #ffffff;
    border: 1px solid #c8ccce;  

}  

input[type=radio]:checked + label:before {  
    content: '\2713';  
    color: green;  
    font-size: 12px;  
    text-align: center;
    line-height: 12px;

}

Answer 1

喜欢这个？

<input type="radio" name="car" value="850" id="small" checked> “检查过”＆＃39;属性。

http://codepen.io/jacobgDK/pen/ZYxmdp 在这里使用它，希望它是正确的答案。

默认选择自定义样式单选按钮

1 个答案: