Making part of text in Material Tooltip bold

Question

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?

Answer 1

You can do the following in your .component.css file:

::ng-deep .mat-tooltip {
  font-weight: bold;
}