ipad上带有div的复选框标签不可点击答案

【问题标题】：checkbox label with div in it on ipad not clickableipad上带有div的复选框标签不可点击
【发布时间】：2015-03-28 14:15:05
【问题描述】：

我有以下情况：

我已经制作了可点击的隐藏复选框和标签。

在浏览器中进行测试时，一切都像魅力一样，但在 ipad 上，标签只需要点击，当我没有点击标签中的任何文本时。

为什么会这样？

这是我对一个框的标记：

<input name="Quantify-Studienzusammenfassung" value="no" type="hidden"  />                          
<input class="chk_button" name="Quantify-Studienzusammenfassung" id="chk_quantify_studien" type="checkbox" value="yes"  />
<label for="chk_quantify_studien">
    <div class="label_div">
        <h3>Quantify-Studienzusammenfassung:</h3>
        <p>Kurzatmigkeit vs. Tiotropium/Formoterol (in freier Kombination)</p>  
  </div>
</label>

【问题讨论】：

请创建一个 jsfiddle 或 sn-p 来演示问题。

标签： html css ipad checkbox label

【解决方案1】：

你好，请试试我的工作

.chk_button{ 
    float:left;
}
label{ 
    float:left;
    width:100%;
}

<input name="Quantify-Studienzusammenfassung" value="no" type="hidden"  />                          
<input class="chk_button" name="Quantify-Studienzusammenfassung" id="chk_quantify_studien" type="checkbox" value="yes"  />
<label for="chk_quantify_studien">
    <div class="label_div">
        <h3>Quantify-Studienzusammenfassung:</h3>
        <p>Kurzatmigkeit vs. Tiotropium/Formoterol (in freier Kombination)</p>  
  </div>
</label>

【讨论】：