某些东西会在全局范围内覆盖 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; 
}