Firefox填充不能正常工作

Question

我有一个按钮。将填充应用于此按钮。但是与Chrome和Firefox的大小不同

使用Firefox和chrome运行以下代码段，您可以看到差异。如何解决问题

button{
padding:5px 15px;
}

<button>hello</button>

Firefox 版本54.0

铬

请不要标记为重复.i被搜索并尝试了许多相同的问题答案。但它不起作用

谢谢，

Answer 1

您希望使用Normalise CSS来确保您的CSS规则在所有主流浏览器中均匀一致地应用。

这将解决您的问题。如果问题仍然存在，请在您的问题（编辑）中明确说明您使用了normalize以及您可能尝试过的任何其他CSS修复程序。

  

我被搜查并尝试了许多相同的问题答案。但它不起作用

请概述完全您尝试过的内容。

Answer 2

我从我的方式找到了答案。 Its a font problem 。不同的字体系列在Chrome浏览器上有一些默认字体大小与其他浏览器不一样

＆＃13;

＆＃13;

button{
padding:5px 15px;
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif !important;
}

＆＃13;

<button>hello</button>

＆＃13;

＆＃13;

＆＃13;

Answer 3

也许你可以试试这段代码，我希望它能运作 - ＆gt;

button {
  padding:5px 15px;
  -moz-padding:5px 15px;
}