vuetify.js - Vuetify 轮播图标颜色

Question

有没有办法覆盖 Vuetify carousel 下一个/上一个图标上的样式？我看到有些字段可以使用自定义字段，但我想保留默认的 $vuetify.icons.next 并只更改其颜色。

Answer 1

在 Carousel 中更改图标颜色的一种方法是将 dark 或 light 属性添加到 Carousel像这样。参见 props in Vuetify Carousel

<v-carousel
  light
  delimiter-icon="stop"
  prev-icon="mdi-arrow-left"
  next-icon="mdi-arrow-right"

>

另一种方法是添加 css 类:

.v-btn .v-btn__content .v-icon {
        color: black;
    }