vue.js - 如何更改 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;
  }

如果您想了解其工作原理，请阅读 this .我还发现了这个 answer ，有更详细的解释。

这是我的结果:

请如果这对您有帮助，请将其标记为正确答案:)