Vuetify 轮播图标颜色

Question

有没有办法覆盖 Vuetify carousel next/prev 图标上的样式？我看到有些字段可以使用自定义字段，但我想保留默认的 $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;
    }