IE button set Border:none properties Invalid Solution _ Basics Tutorial

An element is set without a border, only need to set Border:none to the element, of course, set the border:0 effect, but in fact the two are performance difference

Copy Code code as follows:

Border:none: The border is set to none, no processing;
border:0: The border width is set to 0 pixels, but in fact Border-color and Border-style are still rendered.

However, in IE, for button and INPUT element is not so, in ie6,7 Border:none only equivalent to Border-style:none, and the space occupied by the border is still in. This leads to the width and height of the input is not uniform in each browser! In ie6,7, the border still exists, although Border:none is set. Don't believe you try.
Here's how to fix it:
The first method:

Copy Code code as follows:

border:0 none;

The second method:
Add a background color to the button

Copy Code code as follows:

button{
Background: #fff;
}