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

Question

我实际上是在使用Vuetify在nuxt.js中建立一个网站。我创建了一个基于一个v-overflow-btn，一个v-text-field和一个v-btn的菜单。 Here is what my menu looks like actually.

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

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

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

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

有人可以帮我更改边框颜色吗？在此先感谢：）

Answer 1

尝试一下

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

Answer 2

如果其他人遇到此问题，我必须添加深度选择器。

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