html - 選択ボックスの幅をテキスト ボックスに合わせる

Question

重複の可能性:
HTML で入力とテキスト入力を選択 - 幅を均等にする最善の方法は?

入力ボックスと選択ボックスがあり、両方に同じ幅を適用したいと考えています。つまり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;
}