Boostrap tooltip – Change inner color and tip arrow color

Date: Posted by: Karthick In: Bootstrap

.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: rgba(0, 103, 177, 0.9);
}
.tooltip.bs-tooltip-left .arrow::before {
    border-left-color: rgba(0, 103, 177, 0.9);
}
.tooltip.bs-tooltip-right .arrow::before {
    border-right-color: rgba(0, 103, 177, 0.9);
}
.tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: rgba(0, 103, 177, 0.9);
}
.tooltip-inner {
    background-color: rgba(0, 103, 177, 0.9);;
    color: #fff;
}

334 Views

Top