views:

2361

answers:

4
A: 

I have encountered the same behaviour in IE. As far as I know, the only way to prevent that behaviour is to set the button border property to none - not ideal as that obviously effects the style of your button.

BrynJ
+1  A: 
John Topley
+3  A: 

This indicates that button is focused. It's needed for keyboard navigation. You should't remove it.

If you however value looks of your design over usability and accesibility, then try hideFocus property (at least it's not as harmful as blur()).

porneL
+3  A: 

CSS:

input:focus, 
input:active, 
input:hover 
{ 
   outline: none; 
   border: 1px solid; 
}

No guarantees, but that is supposed to stop IE being stupid.

You should extend the above style a little, for instance, change background color or border color to give an alternative change indicating focus.

( press tab, you'll see it move ;) , the additional style is an indicator showing what action will be performed upon pressing ENTER )

Kent Fredric
Why is IE being stupid? It's just following standard Windows UI conventions.
John Topley
@John, yay, but which comes first, W3C, or windows, ?
Kent Fredric
@Kent - Where do the W3C specify what submit buttons should look like?
John Topley