如何更改工具提示上的背景颜色？

Question

当我将鼠标悬停在 (i) 工具提示上时，背景颜色显示为黑色，当用户将鼠标悬停在工具提示上时，如何将背景颜色更改为蓝色。

到目前为止尝试过代码

字形图标.html

<label for="epcfLevel3Name" class="col-md-5 required">EPCF:<span tooltip="{{epcfObj.epcfToolTip}}" id="tooltip" class="glyphicon glyphicon-info-sign pull-right"></span></label>

CSS

#tooltip {
    position: relative;
    color: #66CCFF;
}

Answer 1

尝试这个：

工具提示

.tooltip-inner {
    color: #fff;
    background: #FF9900;
}

工具提示箭头

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

注意：要覆盖设置！重要