我的页面上有三个主要元素。
两个范围和一个输入字段。
这三个元素的填充和字体大小都相同,但是输入字段比两个跨度高一个像素(在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上使用它没有区别