如何改变bootstrap glyphicon的颜色？

Question

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

main.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>

Answer 1

您还可以通过添加"text-success"类为绿色,"text-danger"为红色等来更改图标/文本.这将更改图标本身的颜色.

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

这也得到了回答.

使用Bootstrap 2将glyphicons的颜色更改为某些但不是所有位置的蓝色

Answer 2

使用颜色

 <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>

edn for external css

.mybtn-blue {
   color: blue;
}