Question

我想使用css将此⏵符号添加到div中。

我使用了代码

.mydiv:after {
     content: "\23F5";
}

这在我尝试过的所有Windows浏览器上都可以正常工作，但在Mac上你得到一个黑色方块，可能表明它不是一个可识别的字符。

为了确保它不仅仅是我的字体或类似内容，我创建了一个空白页面，其中唯一的代码是：

&#9205;

同样，这适用于Windows，但不适用于Mac。

我想我可以通过使用更宽的箭头符号来解决它（内容：＆＃34; \ 23F5＆＃34;似乎工作），然后css转换为缩放它看起来像我想要的。然而，这感觉非常糟糕。

为什么这个符号不起作用，是否有修复，或者是否有任何类型的＆＃34;网络安全＆＃34;字形列表？

Answer 1

尝试更改该特定:after伪选择器的字体，例如：

header nav ul li>a:not(:only-child):after {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    opacity: .75;
    content: ' \23F7';
}

我遇到了与您相同的问题，就我而言，它奏效了。

如果仍然无法使用，请尝试更改字体的顺序，甚至用Helvetica或Arial甚至Monaco完全替换字体。

注意：字体栈取自GitHub的样式表。

＆＃34;黑色中等右指三角＆＃34;符号无法在Mac

1 个答案: