有谁知道如何在<select>

Question

有谁知道如何在

的选项标签中添加上标

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

Answer 1

如果您的用户有合适的字体（这里列表），您可以使用 Unicode 上标字符：

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

Answer 2

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

<option>25ᵗʰ</option>

但是，这在某些字体或浏览器中可能根本无法正确显示，并且通常不如使用 HTML/CSS 上标功能那么美观。

Answer 3

为了完整起见，也为了将来，我提到了通过 CSS 中的

font-feature-settings

使用字体的 OpenType 功能的可能性。使用

ordn

功能，您可以指定使用字体中的上标字母（如果可用）。浏览器和字体的支持仍然非常有限，但以下功能可以在足够新的 Windows 版本（安装了 Calibri 之类的“C 字体”）上的足够新的浏览器中运行：

select,
option {
  -webkit-font-feature-settings: "ordn";
  -moz-font-feature-settings: "ordn";
  font-feature-settings: "ordn";
  font-family: Calibri;
}

<select>
  <option>24th</option>
</select>

仅当option内容中的

所有

字母都显示为上标时才可以使用。

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

Answer 4

您可以使用 span 来做到这一点

Answer 5

因为选择框通常是操作系统对象，而不是浏览器绘制的对象，所以您只能限制该对象的功能。

它是 Windows 上的列表框或组合框，它们不具有绘制超级脚本的功能。

恐怕你做不到，就得活下去了。

Answer 6

你可以这样写，

string item=HttpUtility.HtmlDecode("ml/min/1.73m²")

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