Bootstrap 3 图标白色背景

Question

Bootstrap 3 图标白色背景

3

在Bootstrap 3中，如何使glyphicon的背景变为白色而不是默认的灰色？他们肯定已经内置了这个功能，只是我还没有找到。总体来说，我正在尝试将一个现有的AngularJS项目切换到Bootstrap 3时遇到了很多问题，其中许多看起来是任意的差异。

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

- user1969453

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Tan Hong Tat · Accepted Answer

你可以定义自己的自定义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;。