如何将不常见的特殊字符插入 html 属性?

How to insert an uncommon special character into a html attribute?

我的方法/我目前发现的:

我想插入一个图标作为输入标签的值属性,如下所示:

<input class="icon-" value="&#977154;" />
<!--the class is used to assign the icon font-->


我注意到图标字体的 CSS 实现有特殊字符作为图标包含的内容:

.icon-search:before {
    content: "\e902";
}

所以 I looked for 等价的 HTML 实体代码为了将其包含为值属性,发现对应的代码是 &#977154; 并且它不是有效的Unicode 字符。

所以,我想知道如何对文档进行编码,以便它将该字符呈现为相应的图标(毕竟,当通过 class 实现时它会被正确呈现,所以也许有办法)。


免责声明:

我知道还有更多 "natural" 方法可以做类似的事情,但我想知道这种可能性的范围。

&#977154; 是代码点 U+EE902,未在 Unicode 中分配。

\e902 是代码点 U+E902 (&#59650;),这是一个私人使用的代码点。

两者是完全不同的代码点。