我的網站的單選按鈕在IE中不起作用

Question

有沒有什麼辦法可以在IE中使用這個工作？ 我想要的風格調查，它只是在是好的，但在檢查剛這麼想的工作

CSS不會在IE6 工作懸停：

.A label { 
    display:inline-block; 
    background-color:#F36; 
    padding:4px 11px; 
    font-family:Arial; 
    font-size:16px; 
    width:775px; 
    text-align:center; 
    margin-left:auto; 
    margin-right:auto; 
} 

.A label:hover{ 
    background-color: #C36; 
} 

.A input[type="radio"]:checked + label { 
    background-color: #C36; 
} 

HTML：

<div class="A"> 
<input type="radio" name="price" value="1" id="1PR" checked="checked" /><label for="1PR">£0-2</label><br /> 
<input type="radio" name="price" value="2" id="2PR" /><label for="2PR">£3-£5</label><br /> 
<input type="radio" name="price" value="3" id="3PR" /><label for="3PR">£6-£8</label><br /> 
<input type="radio" name="price" value="4" id="4PR" /><label for="4PR">£9-£11</label><br /> 
<input type="radio" name="price" value="5" id="5PR" /><label for="5PR">£12-£14</label> 
</div> 

Answer 1

直到IE9才支持:checked僞類。

對於早期版本的IE，無法使用純CSS來完成。當單選按鈕改變時，您需要使用Javascript來添加一個類。下面是使用jQuery的例子：

$(document).ready(function() { 
    $('input[type="radio"]:checked').addClass("checked"); 
    $('input[type="radio"]').change(function() { 
     var $this = $(this); 
     $("input.checked").removeClass("checked"); 
     if ($this.prop("checked")) { 
      $this.addClass("checked"); 
     } 
    }); 
}); 

您可以在這裏的行動看到這樣的代碼：http://jsfiddle.net/4RnbZ/1/

Answer 2

：檢查CSS選擇不IE9