Javascript 使用iCheck-Mobile有一个很小的点击区域

所以，我用iCheck来创建漂亮的单选按钮，但问题是它们在桌面上工作得很好，但是当在移动设备上运行时，单选按钮有一个像1px，1px的点击框，这意味着我必须点击左上角才能注册点击

这是我的原始html：

<input class="doneckr" type="radio" name="donep2" value="didn">

---

44x44px对于手指来说很小。看看更大的背景。你应该把它弄大一点。它是内联CSS，我假设它直接来自您的插件，这意味着您必须找到代码（可能是某个地方的变量）

另外，确保你包括

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

在标题（）中，以便在高分辨率（视网膜）设备上正确显示。他们有很多 像素，所以要小心

$(document).ready(function(){
    $('.doneck').iCheck({
        checkboxClass: 'icheckbox_square-green',
        radioClass: 'iradio_square-green'
    })

    $('.doneckr').iCheck({
        checkboxClass: 'icheckbox_square-red',
        radioClass: 'iradio_square-red'
    })

    $('.donecke').iCheck({
        checkboxClass: 'icheckbox_square-orange',
        radioClass: 'iradio_square-orange'
    })
})

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">