Question

如何在IE中自定义HTML <select>的边框和背景？我可以在Firefox中使用简单的CSS设置边框样式，但显然不在IE中。

Answer 1

IE很可能处于怪癖模式。以前版本的IE本身并没有绘制select元素，因此它无法正确设置样式（以及一些z顺序怪癖），因此在IE＆lt; 8除非你在JS中重新实现像select这样的东西，否则你根本做不到。查看开发人员工具（F12），了解IE所处的浏览器和文档模式;如果它为浏览器模式显示“Internet Explorer 8”而文档模式没有“Quirks模式”，那么你应该没问题：）

以下代码段在这里工作正常（IE8β2）：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <style type="text/css">
            select {
                border: 1px solid red;
            }
        </style>
    </head>
    <body>
        <form>
            <select>
                <option>1</option>
                <option>2</option>
            </select>
        </form>
    </body>
</html>

Answer 2

在代码中包含这些代码：

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
</head>

这将解决与Internet Explorer相关的问题。

在Internet Explorer中设置`<select>`的样式</select>

2 个答案: