css – Firefox上的按钮太高

发布时间:2019-06-12 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了css – Firefox上的按钮太高脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个独特的Firefox问题.我试图将链接和按钮的样式看起来完全一样.在除Firefox之外的每个浏览器上都可以按需要工作.在Firefox上,按钮的内容高度为18像素,而链接的像素为15像素.在Chrome,Safari和Internet Explorer中,它们的高15像素高.为什么是这样?

Here’s a demo on jsFiddle的问题.以下是Chrome上的结果:

这是Firefox的结果:

我已经尝试在CSS中手动更改高度,但这并不完全正常,并且会破坏其他浏览器的布局.设置-moz-appearance:没有什么,但是再一次,它通常不会.

Here’s a full detail of my attempt,以及它将用于什么.

有没有人遇到过这个问题?如何平衡所有浏览器的高度?

解决方法

找到另一个使用这个的用户:
input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}

http://jsfiddle.net/MCAllinder/dehda/2/

总结

以上是脚本之家为你收集整理的css – Firefox上的按钮太高全部内容,希望文章能够帮你解决css – Firefox上的按钮太高所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。
标签: