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

发布时间：2020-12-18 00:17:41 所属栏目：安全来源：网络整理

导读：任何人都可以帮助我：我想改变插入符号的颜色,使其与输入文本不相关,因为它很难使它看起来很好. 解决方法有两种方式我做到了这一点.如果你想要影响你网站上的所有插入符(可能不是首选),那么你可以覆盖你的插入符css类： .caret{border-top:4px solid red;}

任何人都可以帮助我：我想改变插入符号的颜色,使其与输入文本不相关,因为它很难使它看起来很好.

解决方法

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!