html - 全局覆盖 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; 
}