如何更改 v-slider 的大小？答案

【问题标题】：How to change the size of v-slider?如何更改 v-slider 的大小？
【发布时间】：2020-01-19 07:57:50
【问题描述】：

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

有什么建议吗？

【问题讨论】：

【解决方案1】：

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

试试这个：

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

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

如果您想了解其工作原理，请阅读this。我也找到了这个answer，有更详细的解释。

这是我的结果：

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

【讨论】：

【解决方案2】：

您应该可以通过以下方式修复它：

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

轨道容器需要增加以显示更大的线，轨道需要增加以具有更大的线。

【讨论】：

【解决方案3】：

您应该可以使用!important 覆盖样式像这样：

   .v-slider__track-container{
      height: 10px !important;
    }

【讨论】：