表单元素的高度"select"服务器上的IE中显示不正确,但在本地计算机上正常



我有元素形式"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>

该元素在本地机器和IE服务器上的显示方式不同。我不能改变高度的元素"select"在服务器上的IE,而在本地机器上显示一切正确。

谢谢。

对于IE ,

在本地机器和服务器上的显示方式不同

这个问题总是与IE用来呈现页面的"文档模式"有关。

在本地机器和服务器上打开页面,然后按F12打开开发人员工具。比较两个页面的"浏览器模式"one_answers"文档模式"

你可以通过在<head>:

中添加这个来修复它。
<meta http-equiv="X-UA-Compatible" content="IE=edge">

最新更新