Как добавить border-radius для img внутри ?

Question

Я хочу установить border-radius для тега img внутри <ion-img>.

Я пытался добавить

img { border-radius: 16px}

в .scss стиль компонента, в variable.scss и в global.scss, но не работал.

Answer 1

Попробуйте добавить ваш CSS класс к <ion-img>.

HTML - home.page. html

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

CSS - home.page.s css

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