我正在使用twemoji来显示表情符号，我发现它工作得很好，但是当使用选项标签时，它会呈现默认的表情符号而不是twemoji。
下面是一个示例代码
<script src="https://twemoji.maxcdn.com/v/latest/twemoji.min.js" crossorigin="anonymous"></script>
<body>
<div style="display:grid; grid-template-columns: 1fr 1fr 1fr;">
<div>
<p>😍</p>
<select>
<option value="love">😍</option>
</select>
</div>
<div>
<p>😎</p>
<select>
<option value="cool">😎</option>
</select>
</div>
<div>
<p>😭</p>
<select>
<option value="sob">😭</option>
</select>
</div>
</div>
</body>
<script>
twemoji.parse(document.body);
</script>字符串
上面显示的表情符号是我期望看到的，下面是意外的结果。
我怎么才能让它呈现twemoji表情符号呢？
我在Google和StackOverflow上查找，看看这个问题是否发生在其他人身上，但没有找到类似的问题。
1条答案
按热度按时间vxqlmq5t1#
HTML元素选项不支持图像，只支持文本，是的，在某种程度上是emojis are text。
概念验证（Proof of Concept）：
个字符
但是您可以尝试不使用
option，例如使用Bootstrap中的Dropdowns。