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

I found a very strange thing.

I have complained about this before, but there are no old questions.

Here is an example .

It works fine in Opera only ... In Firefox, Chorme, Safari and IE8 there is a border around this button ... And I have no idea WHY? How to remove a border?

Thanks.

+4
source share
2 answers

As others noted, you defined the “image” button, but did not specify the source URL, which resulted in a broken image.

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

0
source

This is because you set the image type and did not determine the image URL ... you set the background image using CSS.

Change your element to a range or such, and this will fix the problem, and also add the cursor to the pointer in css too, this will give the user the opportunity to click on it. then use the onclick event to send.

+2
source

All Articles