ionic-framework - Ionic ion-checkbox 我们可以用另一个图标更改图标吗？

Question

我们可以更改 Ionic ion-checkbox 中的图标吗？

我们可以使用http://ionicons.com/吗？ ？

现在，这是我的代码:

<ion-view>
  <ion-content class="has-header">
    <ion-list>
        <ion-checkbox class="item-checkbox-right">item 1</ion-checkbox>
        <ion-checkbox class="item-checkbox-right">item 2</ion-checkbox>
        <ion-checkbox class="item-checkbox-right">item 3</ion-checkbox>

谢谢

Answer 1

不，你不能。
如您所见，它是 ion-checkbox 的默认图标集。 .您只能更改 css比如通过改变颜色、背景、边距、填充等来设计它的样式。
或者您可以将复选框更改为<input type="checkbox>并将其样式设置为 ionic .

已更新我选择了纯 css 解决方案。CSS

input[type="checkbox"] {
    display: none;
}

input[type=checkbox]:not(old) + label {
display: inline-block;
padding: 1px;
line-height: 30px;
background:url(https://cdn0.iconfinder.com/data/icons/woocons1/Checkbox%20Empty.png) left top no-repeat;
background-size: 25px 25px;
}

input[type=checkbox]:checked  + label {    background:url(https://cdn0.iconfinder.com/data/icons/woocons1/Checkbox%20Full.png) left top no-repeat;
background-size: 25px 25px;
}

html

<input type="checkbox" id="1">
<label for="1">Sector 1</label>