Making part of text in Material Tooltip bold
So, let's say I have a mat-tooltip element like this:
<button mat-raised-button matTooltip="Info about the action">
Action
</button>
Now, how to make only the "Info" part of text bold? I was thinking about using :before pseudo element, but the tooltip content in my case is rendered dynamically. Do you have any ideas on how to achieve it?
You can do the following in your .component.css file:
::ng-deep .mat-tooltip {
font-weight: bold;
}