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;
    }