html - 选择和输入字段，相同的格式，不同的大小

Question

为什么是<input>和 <select>字段以不同的大小显示，即使格式相同？

.classname fieldset input,select {
  float: right;
  width: 50%;
}

<select>最终比 <input> 小一点. - 这是一个 fiddle .

Answer 1

尝试指定 box-sizing 并重置 border 值:

.classname fieldset input,select 
{
    float: right;
    width: 50%;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #AAA; /* Set your color here. */
}