h5移动端页面input type=checkbox，在华为p10上无法点击切换

Question

h5移动端页面input type=checkbox，在华为p10上无法点击切换

<div class="input-wrap toDoor">
      <p class="text">是否选择上门服务</p>
      <label class="xd-form-switch">
             <input class="input" type="checkbox" id="toDoor" name="toDoor">
      </label>
</div>

如上图，自定义了一个swich滑块，自别的手机上都正常，突然有用户反馈华为p10上点击没反应

Answer 1

你这个是打包成app还是一般网页哦，一般网页用的浏览器一样？

Answer 2

查看下JS事件代码绑定是否报错和绑定成功

Answer 3

就是浏览器不支持插件，没有渲染出来。用华为p10下载个uc浏览器或者其他试试。别用华为自带的

Answer 4

我是在微信浏览器中打开的，而且没用什么组件，就是css改变的样式