Css 如何更改样式上一个图标&；vuetify中的下一个图标道具<；v-slide-group>；？

我正在尝试添加背景色，并更改vuetify幻灯片组道具上的上一个图标和下一个图标的图标颜色。如果我以从控制台获得的类为目标，它将不起作用。但是，如果我从样式标记中删除scoped，或者尝试更改控制台样式上的颜色，它就会工作

 .v-slide-group__next.theme--light.v-icon
{
    color: rgb(234, 10, 10)!important;

}

---

我尝试过这种方法，但不起作用。我如何设计这些道具图标？提前感谢。

为了将类元素作为目标，有必要使用不带“scopped”的

，因为“scopped”会在每个应用程序构建的类选择器中自动添加唯一的哈希值。这样可以防止以这种方式锁定Vuetify的元素。我建议您在包装器容器上添加一些类，比如class=“my slider”，并将其作为如下目标：

<template>
 <div>
   <v-slide-group class="my-slider">
 </div>
</template>
<style>
.my-slider > .v-slide-group__next.theme--light.v-icon
{
    color: rgb(234, 10, 10)!important;

}
</style>

.my slider>.v-slide-group\uu next.theme--light.v-icon
{
颜色：rgb（234，10，10）！重要；
}