Q:

How to change background color on tooltip?

When I hover over on (i) tooltip background color is showing black how can I change background color to blue when user hover over on the tooltip. 
so far tried code
glyphicon.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;
}

A:

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

tooltip arrow
.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; }

Note: To override set !important

