更改引导工具提示颜色 [英] Change bootstrap tooltip color
本文介绍了更改引导工具提示颜色的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我要做的是将工具提示颜色更改为红色。但是,我还想要多个其他颜色,所以我不想只是替换原来的工具提示的颜色。
What I'm trying to do is change the tooltip color to red. However, I also want to have multiple other colors so I don't simply want to replace the original tooltip's color.
我该怎么做呢?
推荐答案
您可以这样使用:
<a href="#" data-toggle="tooltip" data-placement="bottom"
title="" data-original-title="Tooltip on bottom"
class="red-tooltip">Tooltip on bottom</a>
在CSS中:
.tooltip-arrow,
.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;}
a href =http://stackoverflow.com/users/2464582/moeen-mh> Moeen MH :有了最新版本的bootstrap,你可能需要这样做,以摆脱
Moeen MH: With the most recent version of bootstrap, you may need to do this in order to get rid of black arrow:
.red-tooltip + .tooltip.top > .tooltip-arrow {background-color: #f00;}
这篇关于更改引导工具提示颜色的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文