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

Question

可能重复：
在 HTML 中选择输入和文本输入 - 使宽度相等的最佳方法？

我有一个输入框和一个选择框，我希望为它们应用相同的宽度。即200像素。我尝试使用类似的东西

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