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

Css “输入提交”跨浏览器兼容性,css,input,cross-browser,Css,Input,Cross Browser,在Chrome/Safari中: 在FF中: 有人能告诉我为什么他们看起来不一样吗 甚至,当我设置字体大小、字体系列、填充和边距时,FF中的按钮看起来总是比Chrome/Safari中的按钮大。这是因为HTML元素上的默认样式,如input buttons、H1、UL和LI等,都会受到浏览器开发人员的突发奇想的影响。您可以通过使用重置样式表来最小化中断。也就是说,您可以使用共享而不是带有按钮类型的输入,并在上面设置样式,从而获得更好的结果。Mmm。。。我想到的另一件需要重置的事情是线条高度是

在Chrome/Safari中:

在FF中:

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


甚至,当我设置字体大小、字体系列、填充和边距时,FF中的按钮看起来总是比Chrome/Safari中的按钮大。

这是因为HTML元素上的默认样式,如input buttons、H1、UL和LI等,都会受到浏览器开发人员的突发奇想的影响。您可以通过使用重置样式表来最小化中断。也就是说,您可以使用共享而不是带有按钮类型的输入,并在上面设置样式,从而获得更好的结果。

Mmm。。。我想到的另一件需要重置的事情是线条高度是的,我10年前就停止使用输入了。使用按钮并编码您自己的功能:
<input type="submit" value="Share" />