css 设计表单中，input标签下style属性为“button” 、"submit" 、"reset"、 "file"时，谷歌浏览器自动添加padding。

在做盒子模型时，遇到了一个小小的神奇的坑….我明明设置了width : 100px ，height , 42px; 但是在谷歌浏览器检查时，就变成了width : 88px ，height , 40px; 。

其原因是这样的：

当表单中 input标签的type属性是 “button” 、”submit” 、”reset”、 “file”时，谷歌浏览器会在(不改变盒子大小的情况下)，自动换算，加上一个padding：1px 6px; 导致了盒子实际的width : 88px ，height , 40px。