Unchangeable input image border in FF/CH/SAF/IE8?

I've found a very strange thing.

I was complaining about it before, but nobody sees old questions here.

Here'开发者_运维百科s an example.

It works perfectly in Opera only... In Firefox, Chorme, Safari and IE8 there's a border around this button... And I have no idea WHY? How to delete the border?

Thanks.

Thats because you have set a type of image and not defined an image url... you have set the background image using CSS.

Change your element to a span or such and this will fix the issue, also add cursor to be a pointer in css too, this will give the user the idea to click it. then use an onclick event for the submit.

As others have noted, you have defined an "image"-style button but not provided a source URL, resulting in a broken image.

The simplest solution is to change type="image" to type="button", which removes the broken image icon and border.