How to remove border next to v-navigation-drawer

Quentin 0
Viewed 71

I made a navigation drawer WITHOUT borders but a thin line on the left just can't seem to go away. I tried doing a border : none to remove any border around the component, it won't work.

I also tried inspecting the element, and the problem is a <div class="v-navigation-drawer__border"></div> so I tried removing it by calling it in the CSS but it's still there. I even added the !important propriety.

Does anyone know how to remove a border next to a v-navigation-border ? What it looks like

v-navigation-drawer vuetify.js vuejs2 vue.js
2 Answers

You have to use a deep selector for scoped CSS to select inner elements of components.

<style scoped>
.v-navigation-drawer >>> .v-navigation-drawer__border {
  display: none
}
</style>
yoduh0
huan feng0
Related