选择框的宽度与文本框匹配

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

在不同浏览器中测试时，这是一个常见问题，请尝试使用box-sizing属性。

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

Answer 2

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