我的页面上有三个主要元素。
两个范围和一个输入字段。

这三个元素的填充和字体大小都相同,但是输入字段比两个跨度高一个像素(在Firefox中)。在Chrome中看起来还不错。

该“错误”可能是因为我正在使用Google Web字体,但是我想知道你们的想法。

Here's the fiddle在Chrome和Firefox中打开它并进行比较!

我试过了:

vertical-align: top; (middle, and bottom)
max-height: 50px;
line-height:;
overflow: hidden;


我还尝试更改输入字段上的字体大小,然后解决了Firefox中的问题,然后问题出现在Chrome中……它永远不会结束!

最佳答案

也许您应该在元素上使用固定的高度,而不是依靠填充和字体大小来计算高度:http://jsfiddle.net/sN7aH/

#amount {
    font-size: 18px;
    background-color: #fcfcfd;
    font-family:'Montserrat', sans-serif;
    color: #bbc2cb;
    float: left;
    width: 312px;
    height: 50px;
}


我在ff和chrome上使用它没有区别

09-10 13:32
查看更多