twitter-bootstrap - 更改 Bootstrap 插入符号(颜色和位置)

Question

我想改变插入符号的颜色并使它与输入文本无关，因为很难让它看起来很好。

Answer 1

我有两种方法可以做到这一点。如果您希望这影响您网站上的所有插入符号(可能不是首选)，那么您可以覆盖您的插入符号 css 类:

.caret{border-top:4px solid red;}

另一种选择是创建一个自定义类并将其添加到标记中的插入符号

.red{border-top:4px solid red;}

<div class="btn-group">
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action<span class="caret red"></span></button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li><a href="#">Separated link</a></li>
    </ul>
</div>

原 JSFiddle 已更新
http://jsfiddle.net/whoiskb/pE5mQ/