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

Question

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

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

它在所有浏览器中都可以正常工作，但在 Safari 上 iOS 除外，其中三角形被 safari UI 元素替换。

如果您使用浏览器查看小提琴，您可以看到正常的三角形，但如果您使用 iOS 检查 Safari，则会出现 safari UI。

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

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

的解决方案

编辑

我发现这个字符 ✔ 也被替换为 iOS UI。

Answer 1

我发现这些字符没有被替换为 iOS

直角三角形：► (►)

左三角形：◄ (◄)

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

HTML:

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

CSS:

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

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