Submit Image Border In Safari And Chrome?

I have a submit image button: Styled like that: #sbutton { text-indent: -99999px; border: 0; backgroun

Solution 1:

Could it be an outline? Set:

#sbutton:active,
 #sbutton:focus
 {
  outline: none;
 }

Try that out.

Solution 2:

Changed type from image to submit as I was using a background image in CSS and this fixed my issue.

Solution 3:

This is a right solution for this question:

:active, :focus { outline: none; }

Solution 4:

Apparently this happens for image inputs with no src attribute. You can give it an src, as in this post:

input type="image" shows unwanted border in Chrome and broken link in IE7

OR, you could just use a type="submit" input instead of type="image", if you're setting the background image anyway.

Solution 5:

Try:

border:none;

rather than:

border:0;