有没有办法模糊/突出显示单选按钮的文本？答案

【问题标题】：Is there a way to blur/highlight the text of a radio button?有没有办法模糊/突出显示单选按钮的文本？
【发布时间】：2015-11-09 20:43:41
【问题描述】：

我有一个表格。当用户单击“禁用”时，我想禁用所有单选按钮并模糊/突出显示文本，使其看起来更“禁用”。

我该怎么做？

我尝试向该元素添加一个类并使用模糊功能，但它不起作用。如果无法编辑文本 CSS，是否可以更改按钮的颜色或在文本周围添加边框？

【问题讨论】：

标签： javascript css radio-button

【解决方案1】：

我不确定你的问题是什么，任务看起来很简单。只要您想支持旧版本的 Internet Explorer，就没有真正的 CSS 方法来模糊文本，但改变它的颜色应该没问题。这是一个简单的例子：

$(function() {
    $('#disable').on('click', function() {
        $('#myradio').attr('disabled', 'disabled').parent().addClass('disabled');
    });
})

现场演示 - http://jsfiddle.net/Pharaon/ggzjF/

【讨论】：

正是我想要的！很奇怪，我尝试了类似的方法，比如添加一个类，但没有奏效。谢谢！！！

【解决方案2】：

blur 函数实际上并没有（视觉上）模糊任何东西。它从元素中移除焦点。没有任何代码很难为您提供帮助，但这应该可以帮助您：

How to blur text using CSS3

要禁止单击单选按钮，请设置disabled 属性。

<input type="radio" disabled>

【讨论】：

我可以很好地禁用某些东西，我想更改“样式”该单选框/复选框的文本，以便在禁用时，如果有意义的话，它看起来“更禁用”。至于代码，事情是大约 2k + 行 javascript 我不认为有人想通过那个..

【解决方案3】：

演示：http://jsfiddle.net/RXs8B/1/

HTML

<input type="radio" id="radio" value="1" />
<label for="one" id="forRadion">First Item</label>
<button id="blur">blur it</button>

jQuery

$(function(){

    $("#blur").click(function()
                     {
                        $("#forRadion").css("color","#F00"); 
                         $("#radio").attr("disabled","true");//apply you own blur color
                     });
});

【讨论】：

【解决方案4】：

$(function() {
    $('#disableBtn').on('click', function() {
        $('#formId input').attr('disabled', 'disabled').addClass('disabledClass');
    });
})

【讨论】：