javascript - 尝试修改 Bootstrap 工具提示的工具提示颜色

Question

我会保持简短和甜蜜。我不知道有一种方法可以动态卡住 JavaScript/HTML 以调试在 Bootstrap UI 中显示的工具提示，但我能够追踪并修改大部分默认的“黑色”基色。但是，我无法找到代码所在的位置来更改我在此处构建的工具提示上的顶部“箭头”:http://jsfiddle.net/jodriscoll/xPCST/ .

/* override the tooltip color theme */
.tooltip-inner,
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow,
.tooltip.right .tooltip-arrow,
.tooltip.left .tooltip-arrow
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    background-color: rgb(220,40,30);
    border-color: rgb(220,40,30);
}

如果有人可以让我知道这段代码的位置，或者如何在页面上暂停 JavaScript，以便我可以将正在创建的容器定位到页面底部，我将不胜感激 :)

Answer 1

您需要在 Bootstrap css 中更改以下内容

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

或者，您可以在自己的自定义 CSS 中覆盖它

参见 jsfiddle - http://jsfiddle.net/xPCST/12/