html - height for form element "select" displayed incorrectly in IE on server but on local machine is ok -
i have next code element form "select":
<div style="width: 300px; margin: 0 auto; background: yellow;"> <form> <select style="width:100%; height: 24px; line-height: 16px; padding: 2px; background: none repeat scroll 0 0 #ffffea; border: 1px solid #b7ab8c; color: #605436; font-family: arial,tahoma,verdana,sans-serif; font-size: 12px;"> <option>item 1</option> <option>item 2</option> </select> </form>
the element displayed differently on local machine , server ie. can't change height element "select" ie on server, while on local machine display correctly.
thanks.
displayed differently on local machine , server ie
this problem "document mode" ie using render page.
open page on both local machine , server, hit f12 in both of them bring developer tools. compare "browser mode" , "document mode" between 2 pages.
you can fix adding inside <head>
:
<meta http-equiv="x-ua-compatible" content="ie=edge">
Comments
Post a Comment