css – Firefox上的按钮太高

前端之家收集整理的这篇文章主要介绍了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/

原文链接:https://www.f2er.com/css/216434.html

猜你在找的CSS相关文章