2012-03-23 104 views
0

submit field的高度略小於text input字段。我如何解決它?搜索框的CSS固定

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; 
} 
+0

您是否有一些示例html代碼? – 2012-03-23 12:28:42

+0

我們可以看到現場,可能有其他的東西干擾你的元素。 – Kyle 2012-03-23 12:29:37

+0

'<形式名稱= 「搜索框」 ID = 「搜索框的」 行動= 「#」 方法= 「POST」> \t \t \t \t \t \t \t \t \t' – sandbox 2012-03-23 12:29:45

回答