Vuetify走马灯图标颜色

Question

3

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

- Rex

请参考类似问题的这个答案。 - Traxo

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- DjSh · Accepted Answer

在Carousel中改变图标颜色的一种方法是通过将dark或light属性添加到Carousel中，如下所示。请参见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;
    }