我如何防止iOS上的safari用iOS UI替换三角形？

Question

我在应用程序中使用三角形◀▶作为按钮。

<div>◀</div>
<div>▶</div>
<div>✔</div>

它适用于所有浏览器，除了Safari for iOS，其中三角形被safari UI元素替换。

如果您看到带有浏览器的小提琴，您可以看到普通三角形，但如果您使用iOS检查，Safari将显示safari UI。

http://codepen.io/sassoli/pen/KNgyKe

我知道，我可以简单地使用边框三角形或图像来解决，但我更喜欢使用css的解决方案。

修改

我发现此char ✔也被iOS UI取代。

Answer 1

我发现这些字符不会被iOS取代

右三角形：►（＆amp;＃x25ba）

左三角形：◄（＆amp;＃x25c4）

或作为替代方案，可以使用psedoselector添加“\ FE0E”

HTML：

<span class="left-pointing-triangle">&nbsp;</span>
<span class="right-pointing-triangle">&nbsp;</span>

CSS：

.left-pointing-triangle::after {
   content: "\25C0 \FE0E";
}

.right-pointing-triangle::after {
   content: "\25B6 \FE0E";
}