Internet Explorer 中以粗体显示的样式选项答案

【问题标题】：Styling options in bold in Internet ExplorerInternet Explorer 中以粗体显示的样式选项
【发布时间】：2011-10-03 02:14:55
【问题描述】：

我遇到了选项样式问题。我需要一些选项以粗体显示，但 Internet Explorer 不想呈现它。

我正在使用 CSS 设置它：

font-weight: bold;

这不起作用。可以在此页面中看到一个示例：

在 Firefox 中显示粗体字体，但在 Internet Explorer 中不显示。

我已经在 Internet Explorer 7 和 8 中尝试过。

有人有替代品吗？

编辑：一个样本：

HTML：

<select>
    <option class="special">Special</option>
</select>

CSS：

.special {
    font-weight: bold;
}

【问题讨论】：

【解决方案1】：

在 IE 中，您不能设置选项的样式。我有同样的问题...你可以给它颜色，但不能给它太多。

您可以编写一个 jquery 插件或找到一个现有的插件来将您的选择“转换”为样式列表/下拉列表。

【讨论】：

谢谢，但是我不能用jQuery
好的——那么简短的回答是你不能在 IE 中的选择/选项中添加字体粗细。尝试将 font-weight 添加到另一个元素（如 p 或 div）并查看它在 IE 中是否有效。然后尝试将字体颜色添加到您的样式中，看看是否可行。唯一的解决方案是找到一个 javascript 或 jquery 工具来创建一个“看起来像”下拉列表的样式列表。否则在 IE 中不起作用。
有关更多信息，您可以阅读此链接：home.tiscali.nl/developerscorner/fdc-varia/…

【解决方案2】：

IE 不允许单独设置 <option> 元素的样式。这是因为 IE 使用 Windows 窗体控件来呈现选择框，不支持此功能。

（顺便说一句，这与 IE 的选择框在将它们放在其他对象后面时可能会出现分层问题的原因相同；表单控件由 Windows 操作系统呈现，而不是由浏览器呈现，因此浏览器具有与页面上的大多数其他元素相比，对它的控制更少）

其他现代浏览器确实允许您这样做，因为它们呈现自己的选择框，而不是遵从操作系统。

【讨论】：

【解决方案3】：

您需要将font-weight:bold 应用于文本段落，而不是外部 div 或其他内容。

另外，请确保没有其他内容覆盖此声明。如果上述方法不起作用，请将其更改为font-weight:bold!important，看看是否可以解决问题。

【讨论】：