css3 – Bootstrap 4更改工具提示箭头颜色

我想将工具提示箭头颜色更改为红色.我用谷歌搜索了一个小时,我发现的片段不起作用.

我的最后一次尝试是:

.tooltip-arrow {
  border-right-color: red;
  border-left-color: red;
  border-bottom-color: red;
  border-top-color: red;
}

工具提示位于右侧,向左倾斜.

最佳答案
你正在寻找的选择器是.tooltip.bs-tether-element-attached-left .tooltip-inner :: before:

.tooltip.bs-tether-element-attached-left .tooltip-inner::before {
    border-right-color: red;
}

如果你想要每个工具提示箭头红色 – jsfiddle

.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
    border-top-color: red;
}

.tooltip.bs-tether-element-attached-top .tooltip-inner::before {
    border-bottom-color: red;
}

.tooltip.bs-tether-element-attached-left .tooltip-inner::before {
    border-right-color: red;
}

.tooltip.bs-tether-element-attached-right .tooltip-inner::before {
    border-left-color: red;
}

转载注明原文:css3 – Bootstrap 4更改工具提示箭头颜色 - 代码日志