twitter-bootstrap-3 - Bootstrap 3 字形白色背景

Question

在 bootstrap 3 中，使字形图标具有白色背景而不是正常背景的咒语是什么，灰色的？他们肯定已经内置了它，我只是还没有找到它。总的来说，我在将现有的 angularjs 项目切换到 bootstrap 3 时遇到了很多痛苦。许多看似随意的差异。

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

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

这是一个 fiddle - http://www.bootply.com/pmyZvM3iOq

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