Question

我想在所有默认按钮上的文本后添加一个glyphicon。

我在这里找到了如何将glyphicon包含在列表中： Using a Glyphicon as an LI bullet point

我尝试将此应用于按钮，但我没有把它弄好

.btn-default button:after {
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #0099FF;
}

我意识到我可以像这样添加它：

<a class="btn btn-default" href="testpage.aspx">
    Learn more
    <span class="glyphicon glyphicon-chevron-right"></span>
</a>

但我不想每次都要添加它。我也想设置颜色。

Answer 1

the Oracle tutorial

我可能想要上面的图像输出所有按钮。

为此你需要编写简单的css：在课堂css后应用于文本之后的所有默认按钮：

var checked1 = JSON.parse(Cookies.get('checkedValues').replace(/(^,)|(,$)/g, ""));

这将适用于所有按钮，如图所示。

Answer 2

我知道这是正确的做法：

<span class="glyphicon glyphicon-chevron-right"></span>

要为其指定不同的颜色，只需添加class或使用selector引用范围，并在css中给出颜色。

.color-red { 
    color:#FF0000;
}

将Glyphicon添加到每个按钮（bootstrap 3.5）

2 个答案: