![插入符]( "插入符")
本文介绍了更改引导插入符(颜色和位置)的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想改变插入符号的颜色，使其与输入文本无关，因为很难让它看起来很好.
解决方案
我有两种方法可以做到这一点.如果您希望这影响您网站上的所有插入符号(可能不是首选)，那么您可以覆盖您中的插入符号 css 类:
.caret{border-top:4px 纯红色;}
另一种选择是创建一个自定义类并将其添加到标记中的插入符号
.red{border-top:4px 纯红色;}<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="#">动作</a></li><li><a href="#">另一个动作</a></li><li><a href="#">这里还有别的东西</a></li><li class="divider"></li><li><a href="#">分隔链接</a></li>
原来的JSFiddle已经更新http://jsfiddle.net/whoiskb/pE5mQ/
I want to change color of caret and make it not relative from input text, because it's hard to make it look good when it is.
解决方案
There are two ways I have done this. If you want this to affect all carets on your site (probably not preferred) then you could override the caret css class in you:
.caret{border-top:4px solid red;}
Another option is to create a custom class and add it to the caret in your markup
.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>
The original JSFiddle has been updatedhttp://jsfiddle.net/whoiskb/pE5mQ/
这篇关于更改引导插入符(颜色和位置)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！