Html 有人知道如何在
有人知道如何在的选项标签中添加上标吗Html 有人知道如何在,html,css,styling,Html,Css,Styling,有人知道如何在的选项标签中添加上标吗 <select name=" "> <option value=" ">24<sup>th</sup></option> </select> 由于选择框通常是一个OS对象,而不是浏览器绘制的对象,因此您仅限于此对象的功能 它是Windows上的一个列表框或组合框,这些窗口不具备绘制超级脚本的功能 我担心你将不得不活下去而无法做到这一点。如果你的用户有合适的字体列表,你可以使用U
<select name=" ">
<option value=" ">24<sup>th</sup></option>
</select>
由于选择框通常是一个OS对象,而不是浏览器绘制的对象,因此您仅限于此对象的功能 它是Windows上的一个列表框或组合框,这些窗口不具备绘制超级脚本的功能
我担心你将不得不活下去而无法做到这一点。如果你的用户有合适的字体列表,你可以使用Unicode上标字符: 24&x1D57&x02B0;
如果您将文档编码设置为UTF-8或使用unicode转义码,则可以使用,例如:
<option>25ᵗʰ</option>
但是,在某些字体或浏览器中,这可能根本无法正确显示,并且通常不如使用HTML/CSS上标功能好看。为了完整性,并且为了将来,我提到了通过CSS使用字体的OpenType功能的可能性。使用,可以指定从字体中使用上标字母(如果可用)。浏览器和字体的支持仍然非常有限,但以下内容适用于安装了Calibri等“C字体”的Windows新版本上的足够新的浏览器:
<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>
仅当选项内容中的所有字母都显示为上标时,才能使用此选项
这种方法会优雅地退化:当技术不起作用时,渲染会返回到正常显示“第24个”。你可以这样写
string item=HttpUtility.HtmlDecode("ml/min/1.73m&#178;")
有关上标的更多信息,请参见此链接
选项标签不能有任何子元素仅供需要大量浏览器支持的用户参考-其中许多在IE8和IE7以及android浏览器中不受支持,这不需要UTF-8或其他Unicode编码。字符引用独立于字符编码工作。真正的问题是字体支持,它主要依赖于字体,而不是浏览器。