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

Ton*_*ony 5 html css internet-explorer html-select internet-explorer-8

<select>在IE中自定义HTML的边框和背景的任何方法?我可以在Firefox中使用简单的CSS设置边框样式,但显然不在IE中.

Joe*_*oey 9

IE最有可能处于怪癖模式.IE的早期版本没有select自己绘制元素,因此无法正确设置样式(以及一些z顺序怪癖),因此在IE <8上你根本无法做到,除非你重新实现某些东西像select在JS中一样.查看开发人员工具(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>
Run Code Online (Sandbox Code Playgroud)