圖像，而不是單選按鈕

Question

我一直在嘗試自定義我的單選按鈕，爲此我想知道如何在檢查和單選按鈕的未檢查事件中簡單添加圖像，並且它應該對所有瀏覽器都是通用的，我嘗試了各種功能但所有的結果，但有一定的缺陷，所有我想要做的是有CSS轉換所有的raio按鈕，如指定kindly讓我知道如何可以通過使用css方法完成（我已經做了它與jquery，但它的缺陷需要eash單選按鈕標籤並始終保持漂浮到左）

請幫助 感謝，

Answer 1

對於使用CSS：

input[type="radio"] { 
    display:inline-block; 
    height:20px; 
    text-indent:-9999px; 
    width:20px; 
} 

input[type="radio"], .notchecked { 
    background:url("notchecked.png") 0 0 no-repeat; 
} 

input[type="radio"]:checked, .checked { 
    background:url("checked.png") 0 0 no-repeat; 
} 

如果你想舊的瀏覽器來使用它，你可以使用jQuery補充一點：

$("input[type=radio]").on("change", function(){ 
    if($(this).is(":checked")) { 
     $(this).addClass("checked"); 
    } 
    else { 
     $(this).removeClass("checked"); 
    } 
}); 
$("input[type=radio]:checked").addClass("checked"); 

和HTML：

<input type="radio" class="notchecked" value="true" />