移动端ios对lable radio的处理

lable包裹radio,ios上点击文字不会变为checked,为label包裹元素添加css
pointer-events: none;
或者添加空的点击事件
click=""
可以解决,建议采用css。

pointer-events
阻止用户的点击动作产生任何效果
阻止缺省鼠标指针的显示
阻止CSS里的hover和active状态的变化触发事件
阻止JavaScript点击动作触发的事件

为什么点击文字单选选中?
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

你可能感兴趣的:(移动端ios对lable radio的处理)