如何更改单选按钮悬停颜色

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