css - 无论如何要去除阴影,或强制 vuetify 菜单与屏幕左侧完全对齐?

标签 css vue.js vuetify.js

我正在尝试在侧边栏导航中使用 vuetify 菜单。我希望菜单与屏幕左侧完美对齐。相反,我得到的是菜单坚持将其放置在距屏幕边缘 12px 的位置并破坏我的对齐方式。

有没有办法禁用阴影或强制对齐? left: 12px 是直接在元素的样式上指定的,所以 CSS 没有效果。

我试过这个,但没有运气:

<v-menu offset-y nudge-left="-12" flat>

https://codepen.io/RuttyJ/pen/BevNmy?editors=1010

有任何想法吗?

更新:
取得了一些进展:
https://codepen.io/anon/pen/WBLMob

这实现了效果,但需要将全局级别的菜单轻推覆盖到 0px !important。

最佳答案

您可以使用 content-class喜欢:

<v-menu content-class="elevation-0">

关于css - 无论如何要去除阴影,或强制 vuetify 菜单与屏幕左侧完全对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56400494/

相关文章:

javascript - 如何修复页面滚动

javascript - 如何避免 Vue.JS/Axion 返回未定义而响应代码为 200?

javascript - 缺少默认作用域插槽 Vuetify

vue.js - 验证 : v-model looks deprecated

html - Sharepoint 中的顶部菜单导航

CSS 图像不以 radio 输入为中心

jquery - 网站中的全屏背景图像看起来模糊

javascript - Vuex 和 Firebase 存储状态错误

javascript - 从具有动态内容的 vuejs 中的方法打开模态

vue.js - 如何使用 Vuetify 数据表在鼠标悬停在表上时显示按钮