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

Question

我需要在HTML <option>标记中包含上标注册商标符号。在完美的世界中，我会使用以下标记：

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

但是，我正在设计iPhone Safari和Android原生浏览器，忽略<sup>并将<option>中的文本解释为明文。

我的问题分为两部分：

1. 是否有CSS“hack”允许我覆盖这两个移动浏览器的原生功能？
2. 如果不存在简单的黑客攻击，最简单，最有效的替代方案是什么？

可能会或可能不会影响答案的其他注意事项：

1. 我专门为iPhone和Android网络浏览器开发。
2. 表现非常重要。出于这个原因，我正在使用Zepto.js，并希望远离jQuery和jQuery插件。

Answer 1

无法在® ®内制作<option> tag上标。您遇到常规®®

您可以在alphabets标记中使用一些上标numbers <option>等，如下面的代码所示

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

它是answer         24ᵗʰ     。在Unicode MODIFIER LETTER SMALL t中ᵗ和MODIFIER LETTER SMALL h是ʰ

要获取完整的unicode列表，请访问此网站http://www.uni-graz.at/~vollmanr/unicode/