使用bootstrap2将glyphicon的颜色在某些地方改为蓝色,但不是在所有地方

  • 问题:
  • 我正在为我的UI使用引导框架。我想把字形图标的颜色改成蓝色,但不是所有地方都改成蓝色。在某些地方,它应该使用默认颜色

    我已经提到了这两个链接,但我没有发现任何有用的东西

    请注意:我正在使用引导程序2.3.2

  • 答案:
  • 图标将采用其父级css属性的color from值

    可以直接将其添加到样式中:

    <span class="glyphicon glyphicon-user" style="color:blue"></span>

    或者你可以将它作为一个类添加到图标中,然后在CSS中设置字体颜色

    HTML格式

    <span class="glyphicon glyphicon-search"></span>
    <span class="glyphicon glyphicon-user blue"></span>
    <span class="glyphicon glyphicon-trash"></span>

    CSS

    .blue {
    color: blue;
    }

    This fiddle有个例子

使用bootstrap2将glyphicon的颜色在某些地方改为蓝色,但不是在所有地方

  • 问题:
  • 我正在为我的UI使用引导框架。我想把字形图标的颜色改成蓝色,但不是所有地方都改成蓝色。在某些地方,它应该使用默认颜色

    我已经提到了这两个链接,但我没有发现任何有用的东西

    请注意:我正在使用引导程序2.3.2

  • 答案:
  • 图标将采用其父级css属性的color from值

    可以直接将其添加到样式中:

    <span class="glyphicon glyphicon-user" style="color:blue"></span>

    或者你可以将它作为一个类添加到图标中,然后在CSS中设置字体颜色

    HTML格式

    <span class="glyphicon glyphicon-search"></span>
    <span class="glyphicon glyphicon-user blue"></span>
    <span class="glyphicon glyphicon-trash"></span>

    CSS

    .blue {
    color: blue;
    }

    This fiddle有个例子