css - 默认情况下已选择自定义样式的单选按钮

我有一个自定义样式的单选按钮，因此它不会响应其标记中的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;

}

最佳答案

像这样 ？

<input type="radio" name="car" value="850" id="small" checked>
“已检查”属性。

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