匹配寬度

Question

可能重複：
Select inputs and text inputs in HTML - Best way to make equal width?

我有一個輸入框和一個選擇框，我希望申請相同的寬度爲他們兩個。即200px。我嘗試使用類似

<input type="text" style="width: 200px"> 
<select style="width : 200px;" size="1"> 
    <option >test</option> 
</select> 

但似乎他們的寬度不同，這裏的鏈接：http://jsfiddle.net/GdTqp/

上，我們如何實現相同的寬度（同時保持CSS寬度常見的）任何想法

Answer 1

input { 
box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
}​ 
select { 
box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
} 

Answer 2

這是在不同瀏覽器中測試時常見的問題，請嘗試使用box-sizing屬性。

box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;