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

标签 html css internet-explorer

我有元素形式“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 的服务器上显示不同。 我无法在服务器上为 IE 更改元素“select”的高度,而在本地计算机上可以正确显示所有内容。

谢谢。

最佳答案

displayed differently on the local machine and the server for IE

此问题始终与 IE 用于呈现页面的“文档模式”有关。

在您的本地计算机和服务器上打开您的页面,然后在两者中按 F12 以调出开发人员工具。比较两个页面之间的“浏览器模式”和“文档模式”。

您可能可以通过将其添加到 <head> 中来修复它:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

关于html - 表单元素 "select"的高度在服务器上的 IE 中显示不正确,但在本地计算机上正常,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7685382/

相关文章:

javascript - Cufon IE 无效参数

html - 删除2px灰色边框环绕边缘IE9

HTML 元素稍微偏离中心

javascript - 网站显示效果中的视差滚动(盗梦空间风格)

html - Windows Phone Internet Explorer 在一个 td 中放大文本

javascript - 使用javascript自动检测高度

javascript - 在 Chart.js v 2.7.1 中的条形图顶部显示数据

php - jQuery 不刷新 IE 中的选项卡内容

javascript - 使用 javascript 将 Tiled json map 渲染到 Canvas 中

javascript - parsley.js 如何使用自定义错误消息在字段上触发错误