How to disable ion-button shadow in ionic 4?

问题

I can't set the box-shadow property of ion-button to none in ionic 4, so how can I do that for a single button and for all the buttons at once ?

回答1:

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


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

CSS Custom Properties

--box-shadow

--background

--color

There is whole list of CSS Custom Properties in this link https://ionicframework.com/docs/api/button

回答2:

I found a way that worked for me, the below code disables the ion-button shadow:

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

来源：https://stackoverflow.com/questions/53634972/how-to-disable-ion-button-shadow-in-ionic-4