如何在滑块标签中放置图标而不是数字。角材料

Question

我有一个标签，它显示数字，但我需要更改为自定义图标。 ()() 在照片上你可以看到它现在的样子以及应该是什么样子。

使用 Angular Material 组件和 Angular 13

尝试直接使用角度组件的html代码，但没有给出任何结果。还阅读了一些有关 displayWith 和 displayLabelAs 的信息，但没有找到任何有关此的文档

Answer 1

像这样覆盖滑块指示器样式。

    ::ng-deep .mat-mdc-slider .mdc-slider__value-indicator {
      background-image: url(https://img.icons8.com/metro/26/000000/pause.png)!important;
    }

这会将图像添加为背景。

堆栈闪电战