font-weight:粗体在IE 7和8中不起作用

时间:2010-07-29 15:32:47

标签: css internet-explorer

我正在应用以下CSS:

dl dd {
    font-size: 12px;
    font-weight: bold;      
}

但我的文字在IE中不粗体?

HTML:

<dl><dt>Prepared For</dt><dd><pre>( client name )</pre></dd></dl>

我认为它可能与<pre>标签有关,因为当它们不存在时,它会加粗。

字体系列是Arial。

1 个答案:

答案 0 :(得分:3)

定义列表的结构应该是:

<dl>
    <dt>Some title</dt>
    <dd>Your definition</dd>
</dl>

<dd>中是否有除dl dd之外的文字以外的任何内容可能会覆盖您的<span> CSS,例如<strong><em>或{ {1}}?

修改

看到你的更新。它肯定与您的<pre>标签有关。您的CSS规则不会覆盖<pre>,因为这样会破坏“预格式化文本”的目的。

尝试扩展您的CSS以在选择器链中包含<pre>,如果失败,您可能需要使用!important(尽管这通常不赞成):

dl dd pre {
    font-size: 12px;
    font-weight: bold !important; /* remove !important if not needed */
}

看看是否有效并报告回来。