Vue.js 覆盖vuetify而不使用！重要的

我想应用自定义CSS并覆盖一些默认的Vuetify颜色。例如，可以轻松地覆盖“成功”按钮：

.success-button {
  background-color: $sb--color-success !important;
}

但是，有没有一种方法可以做到同样的不使用！重要的我尝试了两种方法：

body .success-button {
    background-color: $sb--color-success;
}

button .success-button {
  background-color: $sb--color-success;
}

---

没有它怎么办！重要吗？

您可以尝试类似的方法

// src/index.js

// Libraries
import Vue from 'vue'
import Vuetify from 'vuetify'

    // Helpers
    import colors from 'vuetify/es5/util/colors'

    Vue.use(Vuetify, {
      theme: {
        primary: colors.red.darken1, // #E53935
        secondary: colors.red.lighten4, // #FFCDD2
        accent: colors.indigo.base // #3F51B5
      }
    })

或者类似的事情

 <h1 class="subheading grey--text">DASHBOARD</h1>

---

Vuetify使用带有颜色的颜色！默认情况下很重要，您需要！重要的是要覆盖其他重要规则您的问题太广泛。你想干什么？是否替换默认颜色主题？或者可以在.styl中使用不同的值。。。或者了解更多关于专一性的信息，如果专一性是一个问题，这些问题可能已经在文档中得到了回答或解释，但不可能知道您想要什么。index.js与main.js是否相同？只要我根本没有index.js文件。可能是。你在哪里导入了vuetify？在main.js中。谢谢，我试试你的solution@Desiigner如果解决方案对您有所帮助，您应该接受提供的答案：