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

我有下面的复选框，我想通过改变它的高度来扩大复选框，因为它在移动设备中太小了，我试过了以下，但它在jQuery mobile 1.4.0中无法使用，请任何帮助不胜感激..如何更改jquery mobile 1.4.0中的复选框高度？

的Html

<div class="ui-grid-a ui-field-contain" > 

<div class="ui-block-a" style="width:80% !important;padding-right:29px !important;"> 

<font id="MobileNum_Label" size="5px" color="#002a4a" style="text- align:right;float:right;font-weight:normal;white-space: normal;" > Check To Enable Daily Messages </font> 

</div> 

<div class="ui-block-b" style="text-align:right;float:right;right: 0;margin-right: 0 !important;width:20% !important;"> 

<fieldset data-role="controlgroup" class="customCheckBox" data-iconpos="right" style="padding-top:7px;" > 

    <input type="checkbox" name="CheckB" id="CheckB" data-iconpos="notext" /> 
    <label for="CheckB" data-inline="true"></label> 

    </fieldset> 
    </div> 

    </div>

CSS：

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

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

enter image description here

来源

2014-01-12 user

尝试：的.ui-controlgroup-控制的.ui-BTN-图标NOTEXT {高度：180像素;} – ezanker

@ezankerThanks一很多它的工作，但它增加了复选框周围的标签高度，我们可以放大复选框本身？“我已经上传的图像中出现的蓝色方块” – user

看到我的回答如下... – ezanker

这里是一个DEMO

的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 */ 
}

来源

2014-01-12 20:35:39 ezanker

@ezankerThank你非常非常，我真的很感谢你帮助我 – user

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

回答

相关问题