CSS内容中的FontAwesome图标

型号

所以我只是问了这个问题,它工作正常。但是当我想到;如果我尝试将字体图标或字形放入CSS的content属性中怎么办?

这是小提琴那么这甚至有可能吗,我如何在CSS的content属性中呈现一个惊人的图标呢?

.item a p.new-label span{
  position: relative;
  content: 'NEW'
}
.item:hover a p.new-label span{
  display: none;
}
.item:hover a p.new-label:after{
  content: '\f014';
}

提前谢谢你的帮助。

芭芭拉·莱尔德

您只需要在.item:hover中设置字体系列,就可以了。

http://jsfiddle.net/bhlaird/JfGVE/13/

.item:hover a p.new-label:after {
    font-family:FontAwesome;
    content:'\f014';
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS内容中的FontAwesome图标

来自分类Dev

锚中的FontAwesome图标更适合内容

来自分类Dev

CSS - 将 FontAwesome 图标与文本输入中的图标对齐

来自分类Dev

Fontawesome中的堆栈图标

来自分类Dev

Fontawesome中的堆栈图标

来自分类Dev

CSS中的FontAwesome动画

来自分类Dev

内容CSS属性如何在引导程序中定义图标

来自分类Dev

在css pseudo中添加Google Material Design图标:after内容

来自分类Dev

某些Fontawesome图标未在Safari中显示

来自分类Dev

Safari中的FontAwesome图标比Chrome高

来自分类Dev

Fontawesome图标未显示在Android应用中

来自分类Dev

slideToggle中的fontawesome图标上的slideUp

来自分类Dev

更改FontAwesome和Angular 10中的图标

来自分类Dev

无法在FontAwesome React中显示检查图标

来自分类Dev

某些Fontawesome图标未在Safari中显示

来自分类Dev

在bash promt中设置FontAwesome图标

来自分类Dev

在 Css 中添加图标

来自分类Dev

无法将Fontawesome图标粘贴到Photoshop中

来自分类Dev

fontawesome图标在Chrome和Firefox中无法呈现相同的效果

来自分类Dev

如何从fontawesome js库中获取所有图标?

来自分类Dev

无法将Fontawesome图标粘贴到Photoshop中

来自分类Dev

Fontawesome 图标在primeng 控件中显示为框

来自分类Dev

Fontawesome 图标 SVG 未在 Firefox 中显示为 Heremap 标记

来自分类Dev

在CSS内容中使用图标字体

来自分类Dev

显示为黑匣子的FontAwesome图标。显示图标需要什么CSS?

来自分类Dev

发布的Azure Web角色中CSS图标生成的内容存在问题

来自分类Dev

FontAwesome图标未显示

来自分类Dev

FontAwesome图标未显示

来自分类Dev

FontAwesome图标未显示