有沒有辦法模糊/突出顯示單選按鈕的文字？

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

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

Answer 4

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 
        }); 
});​