我有一个独特的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; }