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

嗨，请尝试我做它的工作

＆＃13;

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

＆＃13;

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

＆＃13;

复选框标签，在ipad上的div不可点击

1 个答案: