如何使用ngclass在复选框上添加图像..?

时间:2015-06-16 15:22:06

标签: ionic-framework ionic

你能告诉我如何使用角度js中的ng-class添加复选框图像 实际上,当用户单击选项时,它会显示复选框图像,当用户再次选择相同的元素时,它会取消选中该复选框或删除复选框图像,以便我使用ng-class实现此目的

这是我的傻瓜: memcached entry expiration set to 0

我需要右侧的复选框,但我需要使用复选框的背景图像("绿色的一个")而不是默认的一个。在图像中显示为蓝色我需要在css中给出的绿色

.backgrounfimageset{
    background-image:url('http://icons.iconarchive.com/icons/visualpharm/must-have/256/Check-icon.png');
  }
 .liposition{
   position:relative;
 }
 .checkboxposiion{
   position:absolute!important;
   right:10px;
 }

1 个答案:

答案 0 :(得分:1)

ng-class引用对于添加图像是正确的,但需要覆盖默认的css,如下所示。

<style>
.backgrounfimageset{
    background-image:url('http://icons.iconarchive.com/icons/visualpharm/must-have/256/Check-icon.png') !important;
    background-size: cover !important;
  }
   .backgrounfimageset:before{
     background-color: inherit !important;
  border-radius: 0px !important;
  border-style: none !important;
   }
</style>

如果您取消选中该复选框,则不希望显示您需要覆盖.checkbox输入css的复选框。