jquery - jquery非标准字符颜色错误

Question

我有一个奇怪的问题。我有一个简单的 jquery，当用户单击它时，它会将 div 的内容从加号更改为勾号。

$(document).on("click", ".myDiv", function() {
  $(this).html('✔');
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="myDiv" style="background-color:rgb(0,0,0); color:rgb(255,255,255)">+</div>

文本的颜色很重要，因为它是动态设置的，以确保它显示在同样动态设置的背景上。这一切在我的桌面上运行良好，但是当我在 iPad 上查看时，勾号将始终显示为黑色，而在 Android 手机上则显示为红色。

这似乎与非标准字符有关。例如，如果我用 替换勾号*，一切正常。

请问有什么想法可以阻止这种情况发生吗？

标签： jquerycss

Answer 1