某些东西会全局覆盖Vuetify分隔线颜色

Question

我有一个奇怪的问题，就是在将Vuetify从1.1.9更新到1.2.3之后，我所有的分隔线都比以前暗得多，以及文档中每个示例中的分隔线如何。

这是必须的：

这是我的（我想你可以看到明显的不同。）：

在检查时，我能够看到班级的颜色是正确的：

.theme--light.v-divider {
    border-color: rgba(0,0,0,0.12);
}

还有，由于某种原因，这恰好将背景色替换为相同的颜色：

.application .theme--light.v-navigation-drawer .v-divider, .application .theme--light.v-navigation-drawer:not(.v-navigation-drawer--floating) .v-navigation-drawer__border, .theme--light .v-navigation-drawer .v-divider, .theme--light .v-navigation-drawer:not(.v-navigation-drawer--floating) .v-navigation-drawer__border{background-color: rgba(0,0,0,.12));}

在Chrome浏览器的工具中同时禁用它们，会使分隔线显示正确的颜色。

问题是，为什么会发生这种情况，我该怎么做才能解决此问题？非常感谢您的帮助。

编辑：我认为它与更新无关，因为我回滚到了较早的版本以检查是否是问题所在，不是。

Answer 1

最简单的解决方案是将！important 添加到您的课程中，并且不会被覆盖。

.theme--light.v-divider {
    border-color: rgba(0,0,0,0.12) !important; 
}