如何使用css的content属性添加html特殊字符(右箭头)？[副本]

px9o7tmv 于 12个月前发布在其他

关注(0)|答案(2)|浏览(79)

这个问题已经有答案了：

Placing Unicode character in CSS content value [duplicate]（1个答案）
10年前关闭。
我试图添加HTML特殊字符使用其代码。当我在div中使用它时，它工作得很好，但是我如何使用css来做到这一点呢？
我试过以下方法。

.right-arrow:after {
    content:'&#9658'
}

DEMO

编辑

我想要的是没有在马特球的答案，因为我想要的代码向右箭头，在这个问题中有代码向下箭头只有。所以它不是复制品。

Html

来源：https://stackoverflow.com/questions/18186180/how-to-add-html-special-character-right-arrow-using-content-property-of-css

2条答案

按热度按时间

6qftjkof1#

特殊字符对伪元素的作用有点不同。你不能在CSS中使用HTML实体，但你可以使用Unicode十六进制转义。这里有一个工具，可以将特殊字符的数值转换为CSS值。
http://www.evotech.net/articles/testjsentities.html
例如&#9658必须是\25BA
工作示例：
http://jsfiddle.net/L6suy/

.right-arrow:after {
  content: '\25BA \25BC \25C0 \25B2'
}

<div class="right-arrow"></div>

赞(0）回复(0）举报 12个月前

wgxvkvu92#

<div class="right-arrow">Arrow</div>
.right-arrow:before {
    content:'\25BA';
}

See Demo Here

赞(0）回复(0）举报 12个月前

我来回答

如何使用css的content属性添加html特殊字符(右箭头)？[副本]

2条答案

相关问题

热门标签

最新问答