I am very new to Angular. 
I recently added Angular Material tab in my app project similar to the one below. 

```
<mat-tab-group>
  <mat-tab label="First"  class="firstTab"> Content 1 </mat-tab>
  <mat-tab label="Second" class="secondTab"> Content 2 </mat-tab>
  <mat-tab label="Third"  class="thirdTab"> Content 3 </mat-tab>
</mat-tab-group>

```

In my app, I sometimes need to bring certain tabs to a user's attention. The approach I was thinking of, is by highlighting the tab of interest by giving it the below qualities:

```
.highLightTab{
   border-width: 9px;
   border-style: solid;
   border-color: orange;
}

```

[![enter image description here](https://i.stack.imgur.com/ge94C.png)](https://i.stack.imgur.com/ge94C.png)

The traditional way to achieve the above would be through 

```
$(".secondTab").addClass("highLightTab");

```

However, this is proving impossible to achieve as am not able to customized CSS classes/CSS styling to any of the Mat-X elements that are generated during runtime.

Can anyone kindly tell me how to achieve this?