css - 如何为 ionic 头像添加边框颜色和宽度

标签 css ionic-framework ionic4

我尝试在 ionic4 中向 ion-avatar 元素添加边框颜色和宽度没有成功,我试图配置一些 css3 代码但没有成功。

我已经用这个测试过但它不起作用:

  .ion-avatar img{
      width: 90px !important;
      height: 60px !important;
      border-radius: 50% !important;
      overflow: hidden !important;

      border: 70px solid red !important;
    }

最佳答案

如果您只是引用元素 ion-avatar 而不是类 .ion-avatar,则效果很好

 ion-avatar img{
      width: 90px !important;
      height: 60px !important;
      border-radius: 50% !important;
      overflow: hidden !important;

      border: 70px solid red !important;
    }

enter image description here

关于css - 如何为 ionic 头像添加边框颜色和宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56285182/

相关文章:

css - Ionic 4 Slides(带滑动器的 ionic 幻灯片)居中但不是第一个和最后一个

angular - Ionic 4 中出现 "No provider for NgControl"错误

JavaScript - 游戏。匹配随机生成器生成的两个变量的算法

html - 具有颜色问题的线性渐变背景

angular - 在 ionic 2 中将 nav.push 与侧边菜单一起使用

ionic-framework - 如何更改ionic 4中自定义svg图标的颜色?

html - 为什么 Firefox(移动版)会缩小我的网站?

css - 如何将不同 css 规则中的不同颜色应用于同一个对象?

javascript - 防止键盘关闭

css - IonicPopup 在调用时更改背景颜色