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

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＆lt; 8（？）中不起作用。

Answer 2

powerbuoy对于输入选择器选择复选框和无线电以及普通文本框是正确的 但我有一个建议，你可以使用而不是在更多的浏览器中使用它 基本上你可以为你的所有复选框和单选按钮输入添加一个类 所以你的复选框和无线电html变成了

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

然后添加css以重置类似复选框和无线电的样式

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