工具提示的左箭头无法更改颜色

Question

我正在使用带有数据放置权的工具提示：

<i
    class="fas fa-question-circle text-blue"
    data-toggle="tooltip"
    data-placement="right"
    title="hello"
></i>

我试图像这样更改工具提示箭头的颜色：

.tooltip.left .tooltip-arrow {
  border-left-color: red !important;
}

但是不幸的是，什么都没有发生，我在这里做错了什么？

Answer 1

颜色在':: before'上方更改

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before{
  right: 0;
  border-width: .4rem .4rem .4rem 0;
  border-right-color: red;
}

教您一种查看元素的方法。