css - 以 Angular 将自定义样式应用于 ngbtooltip

Question

我想将自定义样式应用到我的工具提示，如图所示。

请帮助我..
谢谢

Answer 1

您可以使用属性 tooltipClass 更改样式以及新类(class)的风格。

<button type="button" ngbTooltip="Upload new document" tooltipClass="my-custom-class">
  <img src="plus_button.jpg">
</button>

.my-custom-class .tooltip-inner {
   background-color: lightblue;
}

.my-custom-class .arrow::before {
   border-top-color: lightblue;
}