如何保证各浏览器下 <input><button><a> 定义的按钮尺寸一样？

①Firefox浏览器会默认设置input[type="button"]的行高为normal。quot: http://www.cssnewbie.com/input-button-line-height-bug/#.UXDOLLVTCEw，如下：

button, input[type="reset"], input[type="button"], input[type="submit"] {
    line-height:normal !important;
}


把行高统一设置为normal，可以解决一部分问题。

.btn {
    line-height:normal;
}


②Firefox在私有属性里面额外设置了边框和留白，去掉即可。

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner { border:none; padding:0; }


现在Firefox也表现一致了。

③最后，再针对ie7以下的button和input[type=button]随着字变宽的问题做Hack。

.btn {
    *overflow:visible ;
}

——