對齊表中的DropdownList和TextBox的寬度

Question

我有一列有1列的表格。在這一列中，或者是帶有文本框的行，或者是帶有下拉列表的行。我現在想要的是這些控件具有相同的寬度。所以我將控件的寬度設置爲100％。結果是，下拉列表比文本框短5-10px。 我曾嘗試設置：

Width="100%" 

還有：

style="width: 100%" 

但沒有成功出現。在Visual Studio設計器中，所有控件的寬度都是正確的。但在Firefox，Chrome甚至IE瀏覽器中，下拉列表更短。

建議請:)

Answer 1

我已經看到了使用box-sizing這項工作：

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

JS Fiddle Demo