как изменить стиль предыдущей иконки и следующей иконки в vuetify ?

Question

Я пытаюсь добавить цвет фона и изменить цвет значка на предыдущем значке и следующем значке на опоре группы слайдов vuetify. если я нацелен на класс, который я получил с консоли, он не работает. но если я удалю область видимости из своего тега стиля или попытаюсь изменить цвет в стиле консоли, он будет работать.

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

}

Я пробовал этот способ, но он не работает. Как мне стилизовать эти значки реквизита? заранее спасибо.

Answer 1

Чтобы настроить таргетинг на элементы с классом, необходимо использовать <style> без 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>