将DropdownList和TextBox的宽度对齐在表中

Cle*_*leo 2 asp.net textbox alignment css-tables drop-down-menu

我有一个有1列的表.在此列中,可以是带文本框的行或带有下拉列表的行.我现在想要的是这些控件具有相同的宽度.所以我将控件的宽度设置为100%.结果是,下拉列表比文本框短5-10px.我试过设置:

Width="100%"
Run Code Online (Sandbox Code Playgroud)

以及:

style="width: 100%"
Run Code Online (Sandbox Code Playgroud)

但那里没有成功.在Visual Studio设计器中,宽度对于所有控件都是正确的.但在Firefox,Chrome甚至IE中,下拉列表更短.

建议请:)

sge*_*des 5

我见过这项工作使用box-sizing:

input, select, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
Run Code Online (Sandbox Code Playgroud)

JS小提琴演示