Question

i am using this css code for hover color for the text area and inputs it works fine in all browsers except IE its show like the image below. How to set the radio button background only to transparent.

my css code:

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

Answer 1

Since you’re styling input directly, radiobuttons and checkboxes will also be targeted. An easy way to avoid that is to use the :not() selector like so: input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=button]):focus. Note that this doesn’t work in IE<8(?) though.