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

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 更改引导插入符号(颜色和位置)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
任何人都可以帮助我:我想改变插入符号的颜色,使其与输入文本不相关,因为它很难使它看起来很好.

解决方法

有两种方式我做到了这一点.如果你想要影响你网站上的所有插入符(可能不是首选),那么你可以覆盖你的插入符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/

猜你在找的Bootstrap相关文章