设置引导工具提示上的箭头样式 [英] Styling the arrow on bootstrap tooltips

问题描述

我正在尝试使用

.tooltip-inner{}

但是我遇到了麻烦，因为我找不到如何设置工具提示小箭头的样式.

But i'm having troubles cause i can't find how to style tooltip small arrow.

如屏幕截图所示，工具提示的箭头是黑色的，我想在其上添加新颜色:

As shown on screenshot the arrow of the tooltip is black i want to add new color on that:

有什么建议吗?

推荐答案

您可以使用它来更改工具提示箭头颜色

You can use this to change tooltip-arrow color

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000; /* black */
  border-width: 0 5px 5px;
}

这篇关于设置引导工具提示上的箭头样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！