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

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

我尝试使用readonly属性，但无法正常工作。
我不想使用任何自定义单选按钮。想用css / javascript / jQuery做到这一点

查看下图：禁用的单选按钮以红色下划线显示，并以蓝色启用

最佳答案

正如我所评论的，您可以使用伪造的div来实现。您需要一个父元素来设置相对位置，然后，用一些JavaScript就可以快速对所需的所有输入元素进行操作：

// CSS

* { margin: 0; padding: 0; }

.disabled[disabled] {
    color: red;
}

p { position: relative; }

.input_fakediv {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
}

// HTML

<p>
    <input type="radio" name="group1" value="Milk" id="milk" class="disabled" /> <label for="milk">Milk</label>
</p>
<p>
    <input type="radio" name="group1" value="Milk" id="milk" class="disabled" /> <label for="milk">Milk</label>
</p>

// JS

var $fakediv = $('<div class="input_fakediv"></div>');
$fakediv.insertAfter($('input[type="radio"]'));

检查：jsfiddle

关于javascript - 更改禁用的单选按钮的颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24283358/