如何将自定义边框和透明背景添加到离子字母头像

时间:2016-11-22 07:47:18

标签: angularjs ionic-framework

我正在尝试在我的离子字母 - 头像中添加透明背景,
但是当字母头像呈现时,它会带有默认的颜色背景,

这是我的代码: -

// avatar library
 <script src="lib/ionic-letteravatar-master/ionic-letteravatar.js"></script>

<ionic-letter-avatar data="{{loginUser.name}}" shape="round" avatarborder="true"></ionic-letter-avatar>

假设: - loginUser.name = Peter

输出呈圆形,文字 P ,带有一些默认颜色。

我的问题是如何设置具有solid:black边框的透明背景的ionic-letter-avatar 所以 P 这个字母会随附

  • 圆形
  • 黑色自定义边框
  • background transparent

修改: -

我们可以添加avatarcustomborder来自定义边框

avatarcustomborder="border:5px solid black"

问题仅在于如何使背景透明。

0 个答案:

没有答案