css - 无法更改引导工具提示“箭头”的 CSS

Question

我希望它是灰色的，就像我在这里设置的颜色一样：

.tooltip > .tooltip-inner {
  background-color: #b9b9b9;
  color: #333;
}

但是工具提示的“箭头”部分的颜色不会改变。

我试过了：

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #b9b9b9;
}

和

.tooltip-arrow {
  background-color: #b9b9b9;
}

无济于事。我错过了什么？

标签： csstwitter-bootstrap

Answer 1

工具提示的箭头作为 :after 出现在 css 中，通常是边框值。

你必须使用

.tooltip > .tooltip-inner::after {
  border-color: #b9b9b9 transparent transparent transparent;
}