美文网首页
移动端ios对lable radio的处理

移动端ios对lable radio的处理

作者: 叶夏星辰 | 来源:发表于2018-05-17 16:19 被阅读0次

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

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

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

相关文章

网友评论

      本文标题:移动端ios对lable radio的处理

      本文链接:https://www.haomeiwen.com/subject/qmobdftx.html