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