Question

什么是使glyphicon具有白色背景而不是正常的咒语，在bootstrap 3中，灰色？当然他们已经建立了这个，我还没有找到它。一般来说，我经历了很多痛苦，将现有的angularjs项目转换为bootstrap 3.许多看似随意的差异。

注意这是为了使背景“白色”而不是图标本身。一个相关的问题是，是否有内置的方法来获得glyphicon的透明背景。

Answer 1

您可以定义自己的自定义CSS样式。

<强> HTML

<button class="btn btn-lg btn-custom" type="button">
    <span class="glyphicon glyphicon-star"></span>
</button>

<强> CSS

.btn-custom {  
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    color: #333333;
 }
.btn-custom:hover {
   background-color: #000;
   border-color: #fff;
   color: #333333;
}

这是一个小提琴 - http://www.bootply.com/pmyZvM3iOq

使背景透明;只需使用background-color: transparent;

即可

Bootstrap 3 glyphicon白色背景

1 个答案: