更改引导工具提示颜色 [英] 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;}

jsFiddle

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屋！