Question

有没有人知道如何在

的选项标签中添加上标

<select name=" ">
    <option value=" ">24<sup>th</sup></option>
</select>

Answer 1

如果您的用户拥有相应的字体（here's列表），则可以使用Unicode上标字符：

<select name=" ">
  <option value=" ">24&#x1D57;&#x02B0;</option>
</select>

Answer 2

如果您将文档编码设置为UTF-8或使用unicode转义，则可以使用Unicode superscripts，例如：

<option>25ᵗʰ</option>

但是，在某些字体或浏览器中可能无法正常显示，并且通常不像使用HTML / CSS上标功能那样漂亮。

Answer 3

为了完整性和将来，我提到了通过CSS中的font-feature-settings使用字体的OpenType功能的可能性。使用ordn feature，您可以指定从字体中使用上标字母（如果可用）。浏览器和字体的支持仍然非常有限，但以下适用于足够新版本的Windows（具有安装Calibri的“C字体”）的足够新浏览器：

<style>
select, option { 
  -webkit-font-feature-settings: "ordn";
  -moz-font-feature-settings: "ordn";
  font-feature-settings: "ordn";
  font-family: Calibri;
}
</style>
<select>
<option>24th
</select>

仅当option内容中的所有字母显示为上标时，才能使用此选项。

该方法优雅地降级：当该技术不起作用时，渲染会回落到正常显示“24th”。

Answer 4

因为选择框通常是操作系统对象而不是浏览器绘制的东西，所以只限于此对象可以执行的操作。

它是Windows上的Listbox或Combobox，它们无法绘制超级脚本。

恐怕你不得不活下去。

Answer 5

你可以这样写，

string item=HttpUtility.HtmlDecode("ml/min/1.73m&amp;#178;")

有关上标的更多信息，您可以看到此链接 http://symbolcodes.tlt.psu.edu/bylanguage/mathchart.html#super

有没有人知道如何在<select> </select>的选项标签中添加上标

5 个答案: