IE11的padding及h5验证问题

IE11浏览器很多默认的样式跟别的浏览器不同，而且最明显的一点应该是padding左右内边距往往比别的浏览器大了一倍。当需要修改的时候时，改变原有的padding值在IE11生效了，那别的浏览器又有问题了。

   解决方法一：

   在CSS样式文件中加一个@media screenand(-ms-high-contrast:active),(-ms-high-contrast:none){样式}。

    比如，在chrome浏览器中给一个div设置样式

　　div{

　　　　padding:012px;

　　}

　　那么，在IE11中想要实现上面效果，需要在这个下面再添加一行样式　　

　　div{

　　　　padding:0 12px;

　　}

　　@media screenand(-ms-high-contrast:active),(-ms-high-contrast:none) {

　　　　div{padding:0 6px;}

}

注：IE11的样式要写在最后面防止被覆盖。

解决方法二：

* {
　　　　　　box-sizing: content-box;
　　　　　　-moz-box-sizing: inherit;
　　　　　　-webkit-box-sizing: inherit;
　　　}

其他：

IE11-h5表单验证，验证失败后input会出现红色框。针对该input添加属性 input{outline:none},即可去掉红的边框。