CSS 不适用于 A 标签内的图标

标签 css twitter-bootstrap font-awesome

我想将不同的颜色应用到 A 标签内的几个字体超棒的图标。但是,CSS类似乎没有被应用?我想要灰色(非事件图标)和黄色(事件图标),但我得到蓝色(事件图标)和黑色(非事件图标),我认为这是 Bootstrap 默认值。

Visit https://jsfiddle.net/q1um77ax/1/ for a fiddle

注意: 颜色必须使用类来应用,因为我正在为我的网站制作动态主题功能,并且相同的类标签位于多个 CSS 文件中,根据主题具有不同的颜色。

最佳答案

你没有使用合适的类,使用这个例如:

.themeIconStatusInactive {color:red;}

有效!

关于CSS 不适用于 A 标签内的图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34179568/

相关文章:

html - Bootstrap 按钮悬停继承类

css - 使用图标字体 (Font Awesome) 看起来有点模糊而且太粗

css - Font Awesome 图标 fa-undo-circle

photoshop - 无法将 fontawesome 图标粘贴到 photoshop 中

html - 带有居中文本(垂直和水平)的圆形链接和事件区域只有圆形,而不是方形

css - 模态不打开

javascript - Bootstrap 导航栏下拉列表隐藏在 html 选择选项后面

jquery - 将鼠标悬停在父菜单项上时在背景中显示叠加层

javascript - 在 Angular 2 typescript 中获取模态元素

html - 行无排水沟不删除间距