css - matTooltipClass 不应用 css

Question

我正在尝试将一些 css 更改从 Angular Material 2 应用到 mat-tooltip，并在文档中找到一个 matTooltipClass，然后可以在 css 文件中选择它做出改变。但是，我无法让它工作。

组件.html :

  <mat-cell 
    *matCellDef="let productInfo" 
    matTooltip="{{productInfo.description}}"
    matTooltipClass="tooltip">
     {{ productInfo.description}}
  </mat-cell>

组件.scss:

.tooltip {
background-color: red;
color: blue;
font-size: 20px;
}

Answer 1

您必须使用 ::ng-deep 来覆盖 Material 元素的默认 CSS:

::ng-deep .tooltip {
  background-color: red;
  color: blue;
  font-size: 20px;
}