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