Как изменить цвет кнопки наведения переключателя

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