如何更改單選按鈕懸停顏色

Question

我正在使用此CSS代碼懸停顏色的文本區域和輸入工作正常，除IE之外的所有瀏覽器其展示如下圖。如何將單選按鈕背景設置爲透明。

我的CSS代碼：

input:focus, input:hover, textarea:focus, textarea:hover { 
border: 0 none; 
background: blue; 
} 

Answer 1

既然你直接造型input，單選按鈕和複選框也將有針對性。避免這種情況的簡單方法是使用:not()選擇器，如下所示：input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=button]):focus。請注意，這在IE < 8（？）中不起作用。

Answer 2

powerbuoy是正確的，輸入選擇器除了正常的文本框之外還選中複選框和收音機。
但我有一個建議，你可以使用，而不是他將在更多的瀏覽器工作。
基本上，你可以添加一個類到你的所有複選框和單選按鈕輸入。
所以你選和單選HTML成爲

<input type="checkbox" class="checkbox"> 
<input type="radio" class="radio"> 

，然後添加CSS重置樣式的複選框和收音機一樣，

input.checkbox, input.radio 
{ 
    background:transparent; 
}