兼容性之IOS下label 无法点击

今天做移动端的页面时碰到一个稀奇的问题，那就是点击label无法选中与之相关的checkbox，下面是问题代码：

    <li class="list-item clearfix notify-toggle">
        <label class="setting-title">新消息通知</label>

        <div class="toggle-box">
            <input id="btn_setting_toggle" type="checkbox">

            <label class="toggle-ui" for="btn_setting_toggle"></label>
        </div>
    </li>

此时出现的问题是，在ios4下不论何种浏览器都会出现点击label无法选中checkbox的情况，其他系统或手机都能正常。

最终解决：最后在万能的stackoverflow下找到了答案：HTML <label> command doesn't work in Iphone browser，其实就是添加一个空的click事件。改好的代码：

<label class="toggle-ui" for="btn_setting_toggle" οnclick=""></label>//添加空的click事件

最大的感慨还是：你现在踩到的坑其实许多前辈已经踩过，所以要走的还有很多！

转载于:https://www.cnblogs.com/zhangheng/p/3657104.html