“输入提交”跨浏览器兼容性

Question

<input type="submit" value="Share" />

在Chrome / Safari中：
http://img514.imageshack.us/img514/619/btnwebkit.png

在FF中：
http://img220.imageshack.us/img220/347/btnff.png

有人可以告诉我为什么他们看起来不一样吗？

甚至，当我设置font-size，font-family，padding和margin时，FF中的按钮总是看起来比Chrome / Safari中的按钮大。

Answer 1

这是因为输入按钮和H1，UL和LI等HTML元素的默认样式受浏览器开发人员的一时兴起。您可以使用重置样式表来最大限度地减少中断。也就是说，使用<button type="submit" value="Share">Share</button>代替输入（使用按钮类型）并在其上设置样式，可以获得更好的结果。