相关疑难解决方法(0)

我想按类覆盖vuetify样式。

例如，从vuetify更改按钮的背景颜色。

因此，我创建了一个带有类的按钮：

<div id="app">
  <v-btn class="some" color="success">Success</v-btn>
</div>

.some {
background-color:red;
}

但是背景色红色被vuetify覆盖。

如何在不使用重要主题的情况下解决此问题？

这是示例：https : //stackblitz.com/edit/vue-js-gpkj6k

如何覆盖vuetify中的实际类？

我创建了一个./src/stylus/main.styl文件，在其中我覆盖了一些当前的vuetify设置作为测试：

@import '~vuetify/src/stylus/settings/_variables'
@import '~vuetify/src/stylus/elements/_typography'





$material-dark.background = green
$body-font-family = Arial
$alert-font-size = 18px

.display-2
  font-size: $headings.h6.size !important
  font-family: $headings.h3.font-family !important


@import '~vuetify/src/stylus/main'

由于某些原因，以上值仅部分起作用。分配给新的价值观$material-dark.background和 $body-font-family下做工精细的东西theme--dark但是，当涉及到.display-2这些值仍呼吁双方原来的设置font-size，并 font-family与覆盖我加入到main.styl的人。我什至尝试过在包含.display-2手写笔的第一个组件中进入范围内的语言，该组件无法正常工作，然后在纯CSS中工作，该组件不会引发错误，但会被app.xxx.css和chunk-vendor中生成的Vuetify原始默认值覆盖。 xxx.css文件。

//component
<style scoped>
h1.display-2{
  font-size:20px;
  font-family: "Times New Roman";
  color:green;
}

</style>

是否有一个原因？