在引导标签的活动状态添加图标字体(Adding icon font on active state

2019-10-19 14:33发布

好了,所以我想添加一个图标字体(ionicons,只是一个箭头朝上)的积极引导选项卡下,应该是很简单,但我不能看着办吧!

我为我的工作状态:

.services .nav > li.active > a .services-icon-holder {
background-color: #272727;
cursor: pointer;
}

.services .nav > li.active > a .services-icon {
color: #fff;
cursor: pointer;
}

这是我想达到的效果:

你可以看看我这里有什么 (去服务部)

Answer 1:

你也可以定义字体图标,以及这样的。 我假设你正在使用FontAwesome的图标。 你可以找到所有图标列表在这里 。

li.active:after { 
    /*content: "∧"; */
    content: "\f106";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}


文章来源: Adding icon font on active state of bootstrap tabs