如何在IE中的HTML选择下拉列表中设置font-family?

Iva*_*anH 6 html css internet-explorer html-select drop-down-menu

可能重复:在Internet Explorer中以粗体显示
选择标记中的单独选项更改css字体系列

我无法在IE8,9中设置HTML select下拉列表的font-family.这是一个错误/财产还是我做错了什么?字体大小设置有效.这个例子太极端我真正的问题是我在页面和列表中有不同的字体.
我不关心IE7-.

示例(http://jsfiddle.net/SDcLX/11/):

我有以下HTML:

aaaaa
<div class="container">
skjhlks <select>
    <option class="courier">courier</option>
    <option>aa</option>
    <option style="font-family:impact;" selected="selected"  >bb</option>
</select>
</div>
Run Code Online (Sandbox Code Playgroud)

和CSS

.container
  {
    font-size:30px;
    font-family:Lucida Handwriting;
   }
select
{
    font-family:inherit;
    font-size:inherit;
}

option.courier
 {
    font-family:courier;
 }
Run Code Online (Sandbox Code Playgroud)

FF的结果是:

在此输入图像描述

在IE中:

在此输入图像描述

小智 0

该问题也是Internet Explorer 中粗体样式选项的重复

显然 IE 使用操作系统来呈现控件。

也许你可以使用 js 小部件来代替,就像这个一样 ,它需要一个基本的选择,但使用 jquery 对其进行转换。