ipad上带有div的复选框标签不可单击

Question

我有以下情况：

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

在浏览器中测试时，一切工作起来都很棒，但在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>

Answer 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>

​