在HTML选择框选项中设置上标元素的样式

Question

3

我需要在HTML的<option>标签中包含一个上标注册商标符号。在理想情况下，我会使用以下标记：

<select> 
   <option> My Product <sup>&reg;</sup> </option>
</select>

然而，我正在为iPhone Safari和Android本地浏览器设计，这两个浏览器忽略了<sup>并将<option>内的文本解释为纯文本。

我的问题分为两个部分：

1.是否有CSS“hack”可以覆盖这两个移动浏览器的本机功能？

2.如果没有简单的hack，那么最简单最有效的替代方法是什么？

可能对答案产生影响的其他考虑因素：

1.我专门为iPhone和Android Web浏览器开发。

2.性能非常重要。出于这个原因，我使用Zepto.js，并希望远离jQuery和jQuery插件。

- hawkharris

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Khizer Najeeb · Accepted Answer

在 <option> 标签中没有办法使 ® ® 成为上标，你只能使用一个普通的 ® ®

但是你可以在 <option> 标签中使用一些上标的 字母、数字 等，代码如下所示：

<select>
    <option>24&#x1D57;&#x02B0;</option>
</select>

它的答案是第24个。在Unicode中，修饰字母小t为ᵗ，而修饰字母小h为ʰ