【问题标题】:CSS not applied to icon inside A tagCSS 不适用于 A 标签内的图标
【发布时间】:2015-12-09 21:52:12
【问题描述】:

我想将不同的颜色应用到 A 标签内的一些字体很棒的图标。但是,CSS 类好像没有应用?我想要灰色(非活动图标)和黄色(活动图标),但我得到蓝色(活动图标)和黑色(非活动图标),我认为这是 Bootstrap 的默认设置。

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

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

【问题讨论】:

    标签: css twitter-bootstrap font-awesome


    【解决方案1】:

    您没有使用适当的类,例如:

    .themeIconStatusInactive {color:red;}
    

    有效!

    【讨论】:

    • 好的,这是一个新手错误,我很抱歉 :) 但是,在网站本身上,我已经三次检查了正确类名的使用,但它不起作用。我在那里使用样式表。有人吗?
    • 尝试将 !important 添加到样式中,因为它会被另一种样式覆盖。
    • 好的,原来css没有重新加载。可能是缓存问题。
    【解决方案2】:

    你使用了错误的css类名:.themeIconStatusActive

    在这里查看:jsfiddle.net/q1um77ax/1/

    【讨论】:

      【解决方案3】:

      您在图标上使用了不同的类,这就是您没有应用 css 的原因!例如,用 iconIndicatorActive 替换 themeIconStatusActive 就可以了!

      【讨论】:

        【解决方案4】:

        原来是缓存问题。旧的 CSS 仍然缓存在浏览器中。呃。谢谢大家。

        【讨论】:

          猜你喜欢
          • 2018-03-17
          • 2021-09-05
          • 2012-08-10
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2019-12-27
          相关资源
          最近更新 更多