【发布时间】：2020-11-20 07:10:14
【问题描述】：
我想知道是否可以通过某些配置禁用所有组件的阴影/高度？
【问题讨论】：
-
.component * { box-shadow: none; }?? ????♀️
标签： javascript css vue.js quasar-framework
【发布时间】：2020-11-20 07:10:14
【问题描述】：
你是说盒子阴影吗？
您可以使用 * 为所有元素设置属性值。
这应该适用于您的情况：
*{
box-shadow: none !important;
}
!important 将覆盖属性的所有设置
您可能需要也可能不需要 !important。取决于您关于 box-shadow 的其他 CSS 设置
【讨论】：
-
我的目标是通过 Quasar 的配置来完成。在我看来，覆盖应用的 css 并不是最好的解决方案。
此链接描述了如何自定义任何 Quasar SASS/SCSS/Styl 变量（阴影也被定义为变量）。
https://quasar.dev/style/sass-scss-variables
本质上，您可以单独覆盖 Quasar 变量 $shadow-0 到 $shadow-24 和 $shadow-up-0 到 $shadow-up-24。否则，您可能会发现覆盖更容易
$elevation-umbra
$elevation-penumbra
$elevation-ambient
使它们完全透明，这样即使存在阴影也不可见。
【讨论】：