组合框的选项标签中的字体标签不起作用答案

【问题标题】：Font tag in Option tag for combobox not working组合框的选项标签中的字体标签不起作用
【发布时间】：2012-09-20 17:46:39
【问题描述】：

我正在设计一个下拉组合框来显示产品的价格列表。为此，我在 css 中嵌入了卢比字体。

这是代码：

<select class="comboboxstyle" name="sports" id="sports">
  <option class="optionstyle" value="subscribe">Subscribe</option>
  <option class="optionstyle" value="monthly">Monthly <span style="font-family:Rupee">`</span>30</option>
  <option class="optionstyle" value="weekly" >Weekly<span style="font-family:Rupee">`</span>20</option>
  <option class="optionstyle" value="daily">Daily<span style="font-family:Rupee">`</span>10</option>
</select>

但是，浏览器不支持选项标签中的字体标签，但如果它不在选项标签中，它就可以正常工作。我不能在整个事情中应用卢比字体，因为那时只有卢比符号显示而其他文字消失了。

任何帮助...

【问题讨论】：

因为其他电脑不支持你的字体系列，我猜

标签： css html

【解决方案1】：

您不能在 <option> 中使用 HTML 标记，您的解决方法是使用 <option> 本身的样式，如此示例：

<select>
    <option style="font-weight: bold;">Text Text 1</option>
    <option style="font-family: Rupee;">Text Text 2</option>
    <option style="color: #FF0000;">Text Text 3</option>
</select>

【讨论】：

【解决方案2】：

使用正确编码（Unicode 编码）的字体，或找到卢比符号的替代品（名称、缩写、国际货币代码、另一个公认的符号，或任何适合上下文和受众的符号）。

我想您的意思是印度卢比符号 (U+20B9)，而不是旧的、更广泛支持的通用卢比符号。新符号已以几种正确编码的字体实现，请参阅 http://www.fileformat.info/info/unicode/char/20b9/fontsupport.htm 但请注意，这些信息适用于相当新版本的字体——例如，现代 Arial 包含它，但旧版本的 Arial（在定义符号之前创建）显然不会。

但您可以考虑使用合适的免费字体，例如 DejaVu Sans，作为可下载字体，通过 @font-face。这意味着您的select 菜单的字体与页面的其余部分不同，但这应该不是什么大问题。人们已经习惯了这样的事情，甚至在默认情况下，许多浏览器都会使用一种特殊的字体。

设置整个元素的字体失败的原因是使用的卢比字体是周围的 8 位字体之一，试图以一种快速而肮脏的方式实现一些新的（或其他特殊的）符号。诀窍是基于通过更改字体来更改角色身份的旧想法（现在大部分已被放弃，除了在这样的上下文中）。也就是说，通过使用“b”字形代替“a”的字体将“a”转换为“b”。这样的伎俩通常会以一种或另一种方式反击。

【讨论】：