vuetify v-slider：如何更改消息道具的颜色？

Question

我正在使用Vuetify滑块并填充message属性。 如何更改消息的颜色？

<v-slider app class="mx-4 my-0"
  v-model="currentNumCycles"
  thumb-label="always"
  thumb-color="red"
  track-color="red"
  min="1"
  max="10"
  ticks="always"
  step="1"
  tick-size="2"`enter code here`
  background-color="white"
  messages="Number of Cycles"
/>

编辑：我曾尝试在我的CSS类.v-messages__message，但它不起作用。

.v-messages__message {
  color: white;
}

Answer 1

另一种选择是将HTML元素传递给message属性。

<v-slider app class="mx-4 my-0"
  v-model="currentNumCycles"
  thumb-label="always"
  thumb-color="red"
  track-color="red"
  min="1"
  max="10"
  ticks="always"
  step="1"
  tick-size="2"
  background-color="white"
  messages="<div class='white--text'>Number of Cycles</div>"
/>

Answer 2

Afaik没有通过属性更改它的选项，但是您可以通过CSS轻松更改它。

.my-0 .v-messages__message {
  color: #3a2424
}