插入&次; 使用CSS伪元素

Question

我正在尝试使用×× HTML字符作为对话框链接上的关闭图标

.close:before {
    content: "\0274c";
    display: block;
    text-align: center;
    vertical-align: middle;
}

Firefox使用上面的示例并使用

content: "\274c";

Chrome也不会接受,只是给我一个缺少角色的方块.我使用Arial作为字体.我需要做些什么才能使这个跨浏览器兼容？

Answer 1

您使用的转义序列不代表×符号.它代表U + 274C CROSS MARK,它完全是一个完全不同的符号(也恰好在表情符号中表示).

正如评论中所提到的,×的代码点是U + 00D7 MULTIPLICATION SIGN,这正是您要寻找的.大小的差异归结为每个字符字形在字体中的绘制方式.

如果浏览器不呈现U + 274C(或任何其他给定字符),则可能是字体,浏览器甚至平台的问题.