如何在 ionic 4 中禁用离子按钮阴影？

【问题标题】：How to disable ion-button shadow in ionic 4?如何在 ionic 4 中禁用离子按钮阴影？
【发布时间】：2019-02-11 16:28:40
【问题描述】：

我无法在 ionic 4 中将 ion-button 的 box-shadow 属性设置为 none，那么如何同时为单个按钮和所有按钮执行此操作？

【问题讨论】：

标签： ionic4

【解决方案1】：

 <ion-button  class="main-button"  >Get Started</ion-button>


    .main-button{
    --box-shadow:none;
 }

CSS 自定义属性

--盒子阴影

--背景

--颜色

在这个链接https://ionicframework.com/docs/api/button中有完整的 CSS 自定义属性列表

【讨论】：

【解决方案2】：

我找到了一种对我有用的方法，下面的代码禁用了离子按钮阴影：

ion-button{ --box-shadow:none; }

【讨论】：

你能解释一下为什么会这样吗？好吧，我在文档中阅读了它。但是那些是什么——？
如果我的问题没有错，我们只是用“none”覆盖 --box-shadow 的默认值
我不知道那些——是什么意思。但现在我了解到——我们可以覆盖 CSS 变量。 developer.mozilla.org/en-US/docs/Web/CSS/--* 谢谢 :)