6

可能重复:
更改 css font-family 以在选择标记中的单独选项
Internet Explorer 中以粗体显示的样式选项

我无法在 IE8,9 中设置 HTML 选择下拉列表的字体系列。它是错误/属性还是我做错了什么?字体大小设置有效。这个例子太极端了,我真正的问题是我在页面和列表中有不同的字体。
我不关心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>

和 CSS

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

option.courier
 {
    font-family:courier;
 }

FF 中的结果是:

在此处输入图像描述

在 IE 中:

在此处输入图像描述

4

1 回答 1

0

该问题也是Internet Explorer 中粗体样式选项的副本

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

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

于 2012-09-21T07:10:00.360 回答