Javascript 有没有办法模糊/突出显示单选按钮的文本?

Javascript 有没有办法模糊/突出显示单选按钮的文本?,javascript,css,radio-button,Javascript,Css,Radio Button,我有一张表格。当用户单击“禁用”时,我想禁用所有单选按钮,并模糊/突出显示文本,使其看起来更“禁用” 我该怎么做 我尝试向该元素添加一个类并使用blur函数,但它不起作用。如果无法编辑文本CSS,是否可以更改按钮的颜色或在文本周围添加边框?模糊功能实际上(视觉上)不会模糊任何内容。它从元素中移除焦点。没有任何代码很难帮助您,但这应该会让您继续: 要禁用单选按钮的单击,请设置disabled属性 <input type="radio" disabled> 模糊功能实际上(视觉上)

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

我该怎么做


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

模糊功能实际上(视觉上)不会模糊任何内容。它从元素中移除焦点。没有任何代码很难帮助您,但这应该会让您继续:

要禁用单选按钮的单击,请设置
disabled
属性

<input type="radio" disabled>


模糊功能实际上(视觉上)不会模糊任何东西。它从元素中移除焦点。没有任何代码很难帮助您,但这应该会让您继续:

要禁用单选按钮的单击,请设置
disabled
属性

<input type="radio" disabled>

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

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

现场演示-

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

$(function() {
    $('#disable').on('click', function() {
        $('#myradio').attr('disabled', 'disabled').parent().addClass('disabled');
    });
})
现场演示-

演示:

HTML

演示:

HTML


我可以禁用一些东西,等等。好吧,我想更改收音机/复选框的“样式”文本,这样当禁用时,如果有意义的话,它看起来“更禁用”。至于代码,这是大约2k+行的javascript,我想没有人想通过它。我可以禁用一些东西,等等。好吧,我想更改收音机/复选框的“样式”文本,这样当禁用时,它看起来“更禁用”,如果这有意义的话。至于代码,这是大约2k+行的javascript,我想没有人想看这个……这正是我想要的!奇怪的是,我尝试了类似的方法,比如添加一个类,但没有成功。谢谢正是我想要的!奇怪的是,我尝试了类似的方法,比如添加一个类,但没有成功。谢谢
​$(function(){

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