css - 尽管颜色代码，Mat-Slider 会更改文本颜色

Question

我的项目中有一个包含一些文本和条件垫滑块的组件。

当 mat-slider 隐藏时，我的文本如下所示：

当它可见时，我的文字如下所示：

我的代码：

<mat-slider *ngIf="isVisible" [min]="minValue" [max]="maxValue" [step]="stepValue" [thumbLabel]="true" [tickInterval]="1"></mat-slider>
<div style="color: #0089D6; font-size: 13px; font-weight: 500;">This is a sample text.</div>

颜色代码没有改变，我已经寻找任何 css 覆盖，但我找不到任何东西。但是，如上所示，颜色会发生变化。为什么会这样？

标签： cssangularangular-materialmat-slider

Answer 1

只需使用您提供的代码，我就没有同样的问题。必须是导致此问题的代码之外的其他内容。

https://stackblitz.com/edit/angular-sh21iw?file=src/app/slider-overview-example.html