Question

我已经尝试了多种方法来移除离子卡中的边框，但未成功。请帮我。这是我的css文件：

   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;
      }    }

这是我在home.html中的html代码

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

谢谢

Answer 1

在您的CSS文件中更改

 box-shadow: 0 !important;

到

box-shadow: none !important;

Answer 2

.card
{
box-shadow:none !important
}

如何去除离子卡中离子的边界？

2 个答案: