html - select and input field, same formatting, different size -


why <input> , <select> fields displayed in different sizes, if formatted in same way?

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

the <select> ends little smaller <input>. - here's fiddle. enter image description here

try specifying box-sizing , reseting border values:

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

Comments