从 Vuetify 组件中移除 box-shadow

Question

我有

来自 Vuetify 的 expanded-row-table，它在行上带有框阴影，而 expanded

我要

要删除框阴影，我检查了控制台样式选项卡，我明白了

所以我决定在 show.vue

的底部添加这段代码

.v-data-table > .v-data-table__wrapper tbody tr.v-data-table__expanded__content {
    box-shadow: none !important;
}

没看到效果，阴影还在。

Answer 1

你能不能把它放在一个没有作用域的样式标签中（即没有作用域）。

喜欢

<style>
 .v-data-table > .v-data-table__wrapper tbody tr.v-data-table__expanded__content {
   box-shadow: none !important;
 }
</style>

Answer 2

如 中所述，您可以使用深度选择器。

在你的情况下，这似乎可行

>>> .v-data-table > .v-data-table__wrapper tbody tr.v-data-table__expanded__content {
  box-shadow: none !important;
}