How can I remove border in ion-card in ionic?

Question

I've try many way to remove the border in my ion-card, but it not successfully. Please help me. Here is my css file:

   page-home {
     ion-card, .card-ios, .card-md {
        border: 0 !important;
        box-shadow: 0 !important;
        border: none !important;
        border-style: none !important;
        position: relative;
        text-align: center;
        // border-top: 3px solid colorofyourchosing
      }
      .card{
        border: 0 !important;
        box-shadow: 0 !important;
        border: none !important;
        border-style: none !important;
      }    }

Here is my html code in home.html

            <ion-card>
              <img (click)="goEnvi()" src="assets/imgs/envi.svg"/>
              <h6>{{"Enviroment" | translate}}</h6>
            </ion-card>

Thanks you

Answer 1

In your css file change

 box-shadow: 0 !important;

to

box-shadow: none !important;