Css Sencha Touch 2：使复选框透明或隐藏

我试图通过将背景图像添加到css样式中来创建自己的复选框：

.x-input-el + .x-field-mask {
    background-image:url(../images/checkbox-inactive.png);
}

及

一切都很顺利，但是我不能删除原生蓝色复选框（尽管我可以更改它的颜色）。 删除复选框的正确方法是什么

一旦我将字体大小设置为0或覆盖app.css中的某些内容，请单击此处：

.x-checkmark-base, .x-field-checkbox .x-field-mask::after, .x-field-radio .x-field-mask::after, .x-select-overlay .x-item-selected.x-list-item::after {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
content: '3';
font-family: 'Pictos';
font-size: 1.6em;
text-align: right;
line-height: 1.6em;
}

，我无法选中该复选框（选中后该复选框似乎未处于活动状态）。 如何解决这个问题？ 我应该怎么做才能在屏幕上隐藏复选框，并保持所有其他复选框的状态？

---

谢谢。

如果使用复选框+标签，您可以隐藏复选框和样式标签。
位置：固定+左：远；也许可以

进行测试：

洛勒姆

---

标签或伪标签可以保存背景图像。

GCyrillus，下面是解决方案

.x-checkmark-base, .x-field-checkbox .x-field-mask::after, .x-field-radio .x-field-mask::after, .x-select-overlay .x-item-selected.x-list-item::after {
    content:''
}

（某些类可能会被作废）

---

谢谢大家!

谢谢，看起来不错，但如何将其应用于Sencha Touch 2？您的意思是如何添加xtype:标签？对不起。在不破坏或改变逻辑的情况下，修改css样式是一种更好的方式，那么是否仍然可以应用一些适当的样式呢。很抱歉重新搜索。非常感谢。css应该这样做，只是据我在Sensa Touch中的理解，标签缺少“for”属性。这就是为什么必须添加一点javascript才能让它们正常反应。如果复选框为半透明或隐藏，则无法单击它：）找到解决方案。请看我对自己问题的回答。

label {
  display:inline-block;
  color:tomato
}
label:before {
  content:'✗';
  border:solid;
  border-radius:3px;
  padding: 0 0.15em;
}
input:checked + label {
  color:turquoise;
}
input:checked + label:before {
  content:'✓';
}
/* hide hecbox */
[type="checkbox"] {
  position:fixed;
  left:-9999px;
}

<p>
  <input type="checkbox" id="ckckbx"/>
  <label for ="ckckbx"> lorem</label>
</p>

.x-checkmark-base, .x-field-checkbox .x-field-mask::after, .x-field-radio .x-field-mask::after, .x-select-overlay .x-item-selected.x-list-item::after {
    content:''
}