Angularjs 如何删除复选框背景上的圆圈？

我试图在弹出屏幕中显示复选框。实际上，我的复选框是四舍五入的。我不需要圆形背景，勾号应该是绿色的，如图所示。我需要复选框将被放置在右侧，并没有背景，但有绿色

这是我的宝物： 请单击该按钮以选中复选框

  <ion-popover-view>
    <ion-header-bar>
      <h1 class="title">My Popover Title</h1>
    </ion-header-bar>
<ion-content><ul class="list" ng-repeat="item in a">
<li class="item item-checkbox"><label class="checkbox">
<input type="checkbox" ></label>{{item.name}}</li>
</ul>
</ion-content>
  </ion-popover-view>

我的Popover头衔


{{item.name}

---

我需要这样做：

你可以这样尝试，我想这和你期望的一样

---

plnkr.co/edit/fHdnWwIRgi5jFLQlCWKs？p=预览

您的第一张图片显示了什么？这与我的上一张图片相同。我无法上传。两张图片都相同。第一张图片可以从问题中删除吗？如果它没有任何意义，请删除它。请检查图像，我想做这样的检查，可能重复的