Question

我是usig Vue.js，在此我被应用检查v-data-table claSS 基于，我给出了样式，但没有应用。

<style lang="scss" scoped>
.v-toolbar__title {
  color: indigo;
}
v-data-table-header{
  background:  rgba(0, 0, 0, .05);
}

tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, .05);
}
</style>

Answer 1

您需要使用::v-deep来更改scoped的样式

尝试

::v-deep .v-data-table-header{
  background:  rgba(0, 0, 0, .05);
}

在此处详细了解深度选择器-https://vue-loader.vuejs.org/guide/scoped-css.html#deep-selectors

合并范围内的样式时不应用Vuetify样式

1 个答案: