поле для ввода и ввода, то же форматирование, разный размер

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. */ 
} 

Answer 2

Как уже отмечалось, вы, вероятно, хотите установить box-sizing, однако он должен быть установлен в border-box и не content-box означает, что вы должны также не нужно менять что-нибудь еще:

.classname fieldset input,select { 
    float: right; 
    width: 50%; 
    box-sizing:border-box; 
} 

Box-Sizing:

Свойство CSS с использованием размера окна используется для изменения модели CSS по умолчанию , используемой для расчета ширины и высоты элементов.

приграничные-бокс

Ширина и высота свойства включают отступы и границы, но не запас.