Help removing black border on focus of input button in IE

Question

In IE 7 and lower I cannot get rid of the black border that appears when a input button has focus. I have tried:

input:focus {
outline-width:0;
outline:none;
border: 1px solid #FFF; 
}

in CSS but it does not do anything. Any ideas?

Solution

You need to set border-color to transparent to remove the border in IE. Like this:

input:focus{
  border: none;
  border-color: transparent;
}

Read more about it here: http://bitesizebugs.wordpress.com/2009/08/17/border-none-not-working-on-text-input-in-internet-explorer/

Comments

[Admin]

This did not work for me, the black border still appears on focus