How to disable ion-button shadow in ionic 4?

Question

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 ?

Answer 1

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

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

Answer 2

 <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