Question

我使用bootstrap并且有几个我在每次输入之前添加了一个glyphicon。但是glyphicon背景是灰色的，我希望它是白色的。感谢帮助！

Answer 1

要更改glyphicon颜色，必须使用CSS color属性，就像要更改字体颜色一样。这是一个例子：

<button type="button" class="btn btn-default btn-lg" id="myButton">
  <span class="glyphicon glyphicon-star customGlyphicon" aria-hidden="true"></span> Star
</button>

和css文件：

.customGlyphicon{
 color: red; //You can change here the color of the glyphicon by changing the font color
}

编辑：

要更改背景颜色，您只需更改父节点的属性background-color或<span>本身

CSS：

#myButton{
   background-color: red; //You can change here the background-color of the button
}

或

#myButton span{
    background-color: red; //You can change here the background-color of the span
}

Answer 2

<div class="input-group input-group-sm">
 <span class="input-group-addon" id="sizing-addon1" >
 <span class="glyphicon glyphicon-user" style = "background:red;color:white;"></span></span>

添加以上更改并应该有效。如果这不起作用，那么bootstrap cdn的标题部分就会出现问题。

我可以设置一个glyphicon插件的背景吗？

2 个答案: