How to resolve this issue when using the Select tag, which is different from the height displayed in different browsers:
Workaround Link: http://stackoverflow.com/questions/20477823/select-html-element-with-height
demo:http://jsfiddle.net/64px3yg5/1/
Html:
< Select > < option > Here ' s one option</option> <option> Here ' s another option</option></select>
Css:
@media screen and (-webkit-min-device-pixel-ratio:0){/*Safari and Chrome*/Select {Height:30px;Line-height:30px;background:#f4f4f4; }}select::-moz-focus-inner{/*Remove button padding in FF*/Border:0;padding:0;}@-moz-document Url-prefix (){/*targets Firefox only*/Select {padding:15px 0!important; }} @media screen\0{/*ie hacks:targets IE 8, 9 and ten*/Select {Height:30px;Line-height:30px; } }
For the actual situation, manually adjust the height values in the CSS.
Css-select the height setting of the label in different browsers