ios apple weui html radio checkbox radio checkbox check box cannot be selected and cannot be clicked invalid problem!

Unfortunately, I encountered this problem again, but I have forgotten how to solve it last time.
First, Baidu said that the for of the label corresponds to the id of the input.
First, look at my style
insert image description here
code

        <div class="weui-cell bai-cell">
          <div class="weui-cell__hd"><label>抬头类型</label></div>
          <div class="weui-cell__bd bai-flex bai-flex-end component" name="titleType" lay-field="checkbox" lay-type="">
            <div class="weui-inner-form-li weui-form-li" style="margin-right: 10px">
              <label for="titleType-0-id">
                <input class="" title="个人或事业单位" checked="checked" name="titleType-group" id="titleType-0-id" value="1" type="radio" lay-ignore="">
                <div class="weui-form-text"><p>个人或事业单位</p></div>
              </label>
            </div>
            <div class="weui-inner-form-li weui-form-li">
              <label for="titleType-1-id">
                <input class="" title="企业" name="titleType-group" id="titleType-1-id" value="2" type="radio" lay-ignore="">
                <div class="weui-form-text"><p>企业</p></div>
              </label>
            </div>
          </div>
        </div>

At the beginning, the class of my input was weui, and I deleted it. The browser of ios computer can be used, but the browser of ios mobile phone cannot.

Now record the solution

  label > * {
    
    
    pointer-events: all;
  }

Yes, because weui's style library has a style that prohibits clicking. . . . I overwrite it and it's ok!

Guess you like

Origin blog.csdn.net/weixin_43341760/article/details/109221576
Recommended