角垫滑块定制

Question

1. 动态更改拇指标签的颜色
2. 跟踪填充颜色动态变化
3. 显示拇指标签并连续打勾
4. 增加滑块的高度
5. 使刻度线更粗

Answer 1

这是一个有点过时的帖子，但是我可以回答您的第一个问题，因为我必须自己弄清楚，所以没有任何帮助：

动态更改拇指标签的颜色

您必须将以下代码放入styles.scss中：

    .mat-slider-thumb-label {
       background-color: red !important;
    }

然后，您可以从ts文件中动态操作此scss设置，就像否则会那样：

Change styles.scss dynamically in Angular

如果您想在一个组件中自定义多个滑块，则可以参考以下问题：

angular material 6 multiple mat-sliders with different colors