Jquery mobile 如何在jquery mobile 1.4.0中更改复选框高度？

我有下面的复选框，我想通过更改复选框的高度来扩大它，因为它在移动设备中太小了，我尝试了下面的方法，但在jQuery mobile 1.4.0中不起作用，请提供任何帮助，我们将不胜感激

Html

这里有一个

CSS将复选框周围的标签大小设置为128像素； 然后复选框本身的大小为64 x 128 然后，它通过负边距在容器内居中 最后，检查图标本身的大小

您可以使用这些值来获得所需的输出

.ui-controlgroup-controls .ui-btn-icon-notext{
    height:128px;
} 
.ui-btn.ui-checkbox-off:after, .ui-btn.ui-checkbox-on:after, .ui-btn.ui-radio-off:after, .ui-btn.ui-radio-on:after{
    width: 64px;
    height: 128px;
}
.ui-btn.ui-checkbox-off:after, .ui-btn.ui-checkbox-on:after, .ui-btn.ui-radio-off:after, .ui-btn.ui-radio-on:after{
    margin-top: -64px;
    margin-left: -32px;
}
.ui-icon-check:after, html .ui-btn.ui-checkbox-on.ui-checkbox-on:after{
    background-size:42px 42px; /* size of check icon */
}

---

try:.ui controlgroup controls.ui btn icon notext{height:180px；}@ezankerThank它工作了很多，但是它增加了复选框周围的标签高度，我们可以放大复选框本身吗？“我上传的图像中出现的蓝色方块”看到下面的答案…@ezankerThank非常感谢，我真的很感激你帮助我

.customCheckBox{
  text-align:right;
  float:right;
  width:68px;
 }
input[type="checkbox"] {
  display: none;
 }

.ui-checkbox input{height:180px;}

.ui-controlgroup-controls .ui-btn-icon-notext{
    height:128px;
} 
.ui-btn.ui-checkbox-off:after, .ui-btn.ui-checkbox-on:after, .ui-btn.ui-radio-off:after, .ui-btn.ui-radio-on:after{
    width: 64px;
    height: 128px;
}
.ui-btn.ui-checkbox-off:after, .ui-btn.ui-checkbox-on:after, .ui-btn.ui-radio-off:after, .ui-btn.ui-radio-on:after{
    margin-top: -64px;
    margin-left: -32px;
}
.ui-icon-check:after, html .ui-btn.ui-checkbox-on.ui-checkbox-on:after{
    background-size:42px 42px; /* size of check icon */
}