Button focus of IE Form Controls

There are two types of buttons: <input value = "button"/> or <button> button </button>. If the button is used for form submission, you must also add the type attribute (type = "submit "). In order to beautify the button effect, the background and border attributes are generally set.

However, if the type attribute of the button is set to submit when the form area gets the focus in IE, the button will automatically trigger the focus effect. As shown in:

<Button type = "submit"> finished </button>

To avoid this nasty black box, you need to set the border attribute of the button to none, and then set a layer of containers to simulate the border effect of the button.

Look at the comment box of this article and discard the button style that was too small. The user experience lies in the details ~

Source: mango