html – 如何控制文本输入的高度,并在不同的浏览器中提交输入按钮? - 代码日志

html – 如何控制文本输入的高度,并在不同的浏览器中提交输入按钮?

我有一个很小但很难(对我来说)的问题要解决。

我有一个文本输入和一个提交按钮。我需要他们是完全相同的高度,而Chrome和Firefox是理想的互联网浏览器。

HTML

<input type="text" name="email" /><input type="submit" value="»" />

CSS

input[type=text] {
    width: 218px;
}

input[type=submit] {
    background: #000;
    color: #fff;
}

input[type=submit], input[type=text] {
    padding: 9px;
    font-size: 18px;
    line-height: 18px;
    float: left;
    border: 0;
    display: block;
    margin: 0;
}

我在jsfiddle here.设置了这个基本代码

你应该注意到,如果你加载它在chrome,按钮的高度比文本输入和firefox,它更大。

我失踪了什么

删除/添加line-height:18px;对彼此而言。
http://stackoverflow.com/questions/6184210/how-can-i-control-the-height-of-text-inputs-and-submit-input-buttons-in-differen

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:html – 如何控制文本输入的高度,并在不同的浏览器中提交输入按钮?