vue.js 如何删除v-navigation-drawer旁边的边框

iecba09b 于 2023-05-07 发布在 Vue.js

关注(0)|答案(3)|浏览(229)

我做了一个没有边框的导航抽屉，但是左边的一条细线似乎不能消失。我试着做一个border : none来删除组件周围的任何边框，它不会工作。
我也试着检查元素，问题是一个<div class="v-navigation-drawer__border"></div>，所以我试图通过在CSS中调用它来删除它，但它仍然存在。我还加了！重要的礼仪
有谁知道如何删除一个边框旁边的一个v导航边框？What it looks like

vue.js

来源：https://stackoverflow.com/questions/73649692/how-to-remove-border-next-to-v-navigation-drawer

3条答案

按热度按时间

bxgwgixi1#

你必须使用一个深度的CSS选择器来选择组件的内部元素。

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

赞(0）回复(0）举报 2023-05-07

qeeaahzv2#

https://vuetifyjs.com/en/api/v-navigation-drawer/#sass-navigation-drawer-border-width
根据vuetify文档，您可以将变量#$navigation-drawer-border-width设置为0

$navigation-drawer-border-width: 0

赞(0）回复(0）举报 2023-05-07

6mzjoqzu3#

来自文档v3（v2）。

A floating drawer has no visible container (no border-right)

因此，您可以将floating传递到您的抽屉。

赞(0）回复(0）举报 2023-05-07

我来回答

vue.js 如何删除v-navigation-drawer旁边的边框

3条答案

相关问题

热门标签

最新问答