Question

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

我该怎么做？

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

Answer 1

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

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

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

Answer 2

blur功能实际上（视觉上）并未模糊任何内容。它会从元素中移除焦点。没有任何代码很难帮助你，但这应该让你顺利：

How to blur text using CSS3

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

<input type="radio" disabled>

Answer 3

DEMO：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
                     });
});

Answer 4

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

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

4 个答案: