How to change default color of ngbTooltip?-CodePudding

This is where I used ng b Tooltip . how to change its color of text and background.

<a   data-bs-toggle="modal" data-bs-target="#modal3" placement="end"
ng b Tooltip="Will wait for action on file">Wait for a file</a></li> ```

CodePudding user response：

You can apply custom css in tooltip by adding a class to it.

<a ngbTooltip="Will wait for action on file" tooltipClass="my-custom-class">Wait for a file</a></li>

CodePudding user response：

Add a class in your html

<a   data-bs-toggle="modal" data-bs-target="#modal3" placement="end"
[ngbTooltip]="Will wait for action on file" [tooltipClass]="mytooltip">Wait for a file</a></li>

and in your component.css

:host ::ng-deep mytooltip {
//whatever you want 
}