如何更改v-slider的大小？

Question

我尝试更改 v-slide bar 的高度，我尝试使用组件的指令，但它只更改容器的高度，我还尝试用类覆盖 css

有什么建议？

组件：https : //vuetifyjs.com/en/components/sliders#sliders

Answer 1

已经有一段时间了，但这是我的答案。

尝试这个：

  >>>.v-slider__thumb {
    height: 20px;
    width: 20px;
  }

  >>>.v-slider--horizontal .v-slider__track-container {
    height: 10px;
  }

如果您想了解这是如何工作的，请阅读此。我也找到了这个答案，有更详细的解释。

这是我的结果：

请如果这是对您有所帮助，纪念这个作为正确答案:)