如何更改 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>

但一切都没有改变……

有人可以帮助我更改此边框颜色吗？提前致谢 ：）

Answer 1

尝试这个

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