css - 互联网浏览器 : drop down does not display option font family

Question

#select-arial { font-family: Arial; }
#select-verdana { font-family: Verdana; }
#select-geneva { font-family: Geneva; }
#select-sans-serif { font-family: Sans-Serif; }
#select-courier { font-family: Courier; }
#select-monospace { font-family: Monospace; }
#select-georgia { font-family: Georgia; }

    <select name="font_select">
        <option id="select-arial" value="Arial">Arial</option>
        <option id="select-verdana" value="Verdana">Verdana</option>
        <option id="select-geneva" value="Geneva">Geneva</option>
        <option id="select-sans-serif" value="Sans-Serif">Sans-Serif</option>
        <option id="select-courier" value="Courier">Courier</option>
        <option id="select-monospace" value="Monospace">Monospace</option>
        <option id="select-georgia" value="Georgia">Georgia</option>
    </select>

Internet Explorer 不会显示不同的字体，而 Firefox 和 Safari 会。有人知道解决方法吗？

谢谢

Answer 1

某些表单元素无法在 IE 中设置样式 - 我看到的唯一选择是通过 DHTML/JS 创建您自己的控件

是这样的:http://v2.easy-designs.net/articles/replaceSelect/