如何修改角度ng2-tooltip样式

时间:2018-04-04 18:36:56

标签: css angular5

我使用带有以下html的角度ng2工具提示

<tooltip-content #seatTooltip [animation]="true" placement="bottom">
    Some data                
</tooltip-content>

我添加了以下样式

/* styles from bootstrap.css library */
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
 /* custom styles */
.tooltip-inner {
    background-color: #fff;
    color : #000;
    border: 1px solid rgb(208, 208, 208);
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgb(208, 208, 208);
}

这是结果。enter image description here

但我需要这样的事情enter image description here

0 个答案:

没有答案