字体家族的顶部和底部填充不同的铬和火狐

问题描述：

我使用的是'Shruti'网页字体，它们在Chrome和Firefox中呈现不同。字体家族的顶部和底部填充不同的铬和火狐

添加的图像是为文本框和相同的东西去其他元素以及我已经尝试使用填充像素/时间但同样的事情了。

如何解决所有浏览器中（垂直）字体间距问题的一致性？

答

:-moz-placeholder { /* Firefox 18- */ 
line-height:10px; 
} 
::-moz-placeholder { /* Firefox 19+ */ 
    line-height:10px; 
} 

:-ms-input-placeholder { 
    line-height:10px; 
}

尝试增加给你的CSS代码，它可以让你调整占位符只适用于Firefox的行高，以使它看起来像在Chrome中。

无论你需要改变10px。

关于你应该张贴一个例子，其他元素与您的代码

但是，这将只设置文本框的文本placeholder.What？ –

@ -moz-document url-prefix（）{body {font-size：100％; }}对我有用，目标是firefox，如果它是给你提供问题的那个。 – KAMA

在Firefox中，文本保持垂直居中，但对于chrome，它垂直向上。 –

字体家族的顶部和底部填充不同的铬和火狐

相关推荐