CSS3兼容IE的單選框是一個常見的問題，隨著web的發展，越來越多的網站采用了CSS3的樣式，但是兼容IE依舊是一個難點。

<style>
/* 在IE6~IE9下兼容CSS3單選框 */
input[type=radio]{
position: absolute;
top:0;
left: 0;
display:none;
}
input[type=radio] + label{
position:relative;
padding-left: 28px;
cursor: pointer;
display:inline-block;
color:#666;
}
input[type=radio] + label:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 1px solid #ddd;
background: #fff;
border-radius: 50%;
}
input[type=radio]:checked + label:before{
border-color: #0af;
background: #0af;
}
</style>

上面的代碼會讓IE6~IE9下的單選框呈現出CSS3的樣式。

通過定位和偽類:before來實現樣式，主要利用了隱藏input元素，通過label元素來觸發實現了一個單選框的效果。

如果需要其他樣式，可以參考這個方法，自己設置樣式來兼容IE。