Vuetify轮播图标颜色

时间:2019-03-18 00:55:50

标签: vuetify.js

是否有一种方法可以替代Vuetify carousel下一个/上一个图标上的样式?我看到有一些字段可以使用自定义字段,但我想保留默认的$vuetify.icons.next并只是更改其颜色。

1 个答案:

答案 0 :(得分:0)

更改Carousel中图标颜色的一种方法是,像这样向dark添加lightCarousel属性。参见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;
    }