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

angular ionic-framework ionic2 ionic3 ionic-view
cauchuyennhocuatoi picture cauchuyennhocuatoi · Aug 24, 2018 · Viewed 10.5k times · Source

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

Leo picture Leo · Aug 24, 2018

In your css file change 

 box-shadow: 0 !important;

to

box-shadow: none !important;

Related questions

Correct way to use image assets in Ionic 2

What’s the best practice for image assets in Ionic 2? I have a bunch of SVGs I want to use as non-system icons. I found some older tips on using Gulp but it seems Ionic team has decided on Rollup …

Read More
How to get the value from ion-select option

I have an array of object called options. this is my html code <ion-item> <ion-label>place</ion-label> <ion-select [(ngModel)]="place" (click)="optionsFn(item);"> <ion-option value="item" *ngFor="let item of options"&…

Read More
ionViewWillEnter vs ionViewDidEnter

When we would not want to reinitiate a task that is already cache, there is no doubt that we will be using ionDidLoad. Now, let's make assumption that we need to do a task each and every time when we …

Read More