如何在 <ion-img> 中为 img 添加边框半径？

【问题标题】：How to add border-radius to img inside <ion-img>?如何在 <ion-img> 中为 img 添加边框半径？
【发布时间】：2020-07-20 09:52:08
【问题描述】：

我想在<ion-img> 内的img 标签上设置一个border-radius。

我已经尝试添加

img { border-radius: 16px}

在.scss 组件样式中，在variable.scss 和global.scss 中但不起作用。

【问题讨论】：

【解决方案1】：

Try to add 你的 CSS 类到 <ion-img>。

HTML - home.page.html

<ion-img [src]="img" class="your-class"></ion-img>

CSS - home.page.scss

.your-class {
   border-radius: 16px !important;
   overflow: hidden;
}

【讨论】：