更改材质滑块的拇指大小

Question

所以我有一个使用Mat Slider的项目，并且在拇指上显示文本值，但是拇指的大小对于我的文本来说太小了！我很想办法改变拇指的大小，但没有找到任何东西！我的CSS不好，所以我无法弄乱它以使其变得有些正常！你能帮我么 ？

编辑：

我想让这个词适合拇指

Answer 1

我认为您正在寻找类似的东西

HTML

<mat-slider
  thumbLabel
  [displayWith]="formatLabel"
  tickInterval="1000"
  min="1"
  max="100000" class="cdk-focused"></mat-slider>

TS

import {Component} from '@angular/core';
@Component({
  selector: 'slider-formatting-example',
  templateUrl: 'slider-formatting-example.html',
  styleUrls: ['slider-formatting-example.css'],
})
export class SliderFormattingExample {
  formatLabel(value: number | null) {
    if (!value) {
      return 0;
    }

    if (value >= 1000) {
      return Math.round(value / 1000) + 'k';
    }

    return value;
  }
}

CSS

mat-slider {
  width: 300px;
}