搜索框的CSS修复

Question

提交字段的高度略小于文本输入字段。我该如何解决？

HTML代码:

<form name="searchBox" id="searchBox" action="#" method="post"> <input type="text" name="query" id="query"/> 
<input type="submit" name="sub" id="sub" value="Search"/> </form>

CSS 代码:

form input[type="text"] {
height: 28px;
width: 300px;
margin: 0;
padding: 0;
font-size: 15px;
border: 1px solid #CCCCCC;
}

form input[type="submit"] {
height: 28px;
width: 80px;
margin: 0;
padding: 0;
font-size: 15px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
}

Answer 1

您可以增加或减少文本/提交字段的高度以正确对齐。
示例 http://jsfiddle.net/2DdA3/