расширенная таблица строк от Vuetify, в строке появилась тень блока, а расширенный
чтобы удалить box-shadow, я проверил вкладку в стиле консоли, я вижу
поэтому я решил добавить этот код внизу моего show.vue
.v-data-table > .v-data-table__wrapper tbody tr.v-data-table__expanded__content {
box-shadow: none !important;
}
Я не вижу никакого эффекта, тень все еще есть.
Вы правы, теперь это работает.
Можете ли вы попытаться поместить его в тег стиля, который не имеет области действия (т.е. без области действия).
Нравиться
<style>
.v-data-table > .v-data-table__wrapper tbody tr.v-data-table__expanded__content {
box-shadow: none !important;
}
</style>
Как объяснялось в этот ответ, вы можете использовать глубокие селекторы.
В вашем случае это, кажется, работает
>>> .v-data-table > .v-data-table__wrapper tbody tr.v-data-table__expanded__content {
box-shadow: none !important;
}
Возможно, вам нужен глубокий селектор? Если вы не видите свой CSS-свойство
box-shadow: none
, значит, чего-то не хватает с точки зрения охвата/досягаемости данного компонента.