如何更改引导程序字形图标的颜色？

Question

我想将 bootstrap glyphicon 颜色更改为“黄色”，因为当前颜色显示为白色，看起来像删除按钮。我如何更改 glyphicon-folder-close 的颜色或使用任何其他能更好地显示文件夹图像的字形图标？

主.html

 <button type="button" class="btn btn-info btn-lg" ng-click="serverFiles()" style="margin-left: 10px"><span class="glyphicon glyphicon-folder-close"></span></button>

原文由 hussain 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用颜色

 <button type="button"
      class="btn btn-info btn-lg" ng-click="serverFiles()"
      style="margin-left: 10px; color:#FF0000;">
          <span class="glyphicon glyphicon-folder-close"></span></button>

但请记住，最好避免使用内联样式，最好使用基于外部 css 配置项的类或引用

 <button type="button"
      class="btn btn-info btn-lg mybtn-blue" ng-click="serverFiles()"
      style="margin-left: 10px;">
          <span class="glyphicon glyphicon-folder-close"></span></button>

用于外部 CSS 的 edn

 .mybtn-blue {
   color: blue;
}

原文由 ScaisEdge 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您还可以通过添加绿色的“text-success”类、红色的“text-danger”类等来更改图标/文本。这将改变图标本身的颜色。

 <span class="glyphicon glyphicon-usd text-success"></span>

这也已在这里得到回答。

使用 Bootstrap 2 在某些地方（但不是在所有地方）将字形图标的颜色更改为蓝色

原文由 Andrew 发布，翻译遵循 CC BY-SA 3.0 许可协议