javascript - 更改禁用单选按钮的颜色

Question

如何将禁用的单选按钮样式设置为与启用的单选按钮完全一样。但它仍然应该是不可编辑的。

我尝试使用 readonly 属性，但它不起作用。 我不想使用任何自定义单选按钮。想用css/javascript/jQuery来做

检查下图:禁用的单选按钮显示为红色下划线，启用时显示为蓝色

Answer 1

我还没有在旧版本的浏览器中测试过这个。所以在 global.css 中

input[type="radio"]:disabled {
    -webkit-appearance: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    padding: 0px;
    background-clip: content-box;
    border: 2px solid #bbbbbb;
    background-color: white;
    border-radius: 50%;
}

input[type="radio"]:checked {
    background-color: black;
}