“输入提交”跨浏览器兼容性
<input type="submit" value="Share" />
在 Chrome/Safari 中：
http://img514.imageshack.us/img514/619/btnwebkit.png
在 FF 中：
http://img220.imageshack.us/img220/347/btnff.png
有人能告诉我为什么他们看起来不一样吗？
甚至，当我设置字体大小、字体系列、填充和边距时，FF 中的按钮总是看起来比 Chrome/Safari 中的按钮大。
<input type="submit" value="Share" />
In Chrome/Safari:
http://img514.imageshack.us/img514/619/btnwebkit.png
In FF:
http://img220.imageshack.us/img220/347/btnff.png
Can someone please tell me why they don't look the same?
Even, when I set the font-size, font-family, padding and margin, the button in FF will always look bigger than the one in Chrome/Safari.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
这是因为 HTML 元素（如输入按钮、H1、UL 和 LI 等）的默认样式受浏览器开发人员的突发奇想的影响。您可以通过使用重置样式表来最大程度地减少中断。也就是说，通过使用
而不是输入（带有按钮类型），您可能会获得更好的结果，并且在其上设置样式。This is because default styles on HTML elements like input buttons and H1 and UL and LI and so forth are subject to the browser developer's whim. You can minimize the disruption by using a reset stylesheet. That said, you may get better results by using
<button type="submit" value="Share">Share</button>instead of an input (with a type of button), and setting the styles on that.