css - 如何更改 Vuetify v-overflow-btn 的底部边框颜色？

Question

我实际上正在使用 Vuetify 在 nuxt.js 中构建一个网站。我创建了一个基于 one v-overflow-btn、onev-text-field和 one的菜单v-btn。这是我的菜单实际上的样子。

因为我有点疯狂，我想改变我的底部边框颜色v-overflow-btn以匹配我菜单中所有不同的分隔线颜色条。默认情况下，颜色为黑色。

我已经尝试在样式部分定义我自己的 CSS，如下所示：

<style>
  v-overflow-btn {
    border-color:grey !important;
  }
</style>

但是什么都没有改变...

有人可以帮我改变这个边框颜色吗？提前致谢：）

score 6 · Accepted Answer

尝试这个

<style>
  .v-overflow-btn .v-input__slot::before {
    border-color: grey !important;
  }
</style>

score 1 · Accepted Answer

我必须添加深度选择器以防其他人遇到此问题。

.nbb >>> .v-input__slot:before  {
  border-color: white !important;
}

2 回答 2