移動端ios對lable radio的處理

weixin_33807284發表於2018-05-17

lable包裹radio,ios上點選文字不會變為checked,為label包裹元素新增css
pointer-events: none;
或者新增空的點選事件
click=""
可以解決,建議採用css。

pointer-events
阻止使用者的點選動作產生任何效果
阻止預設滑鼠指標的顯示
阻止CSS裡的hover和active狀態的變化觸發事件
阻止JavaScript點選動作觸發的事件

為什麼點選文字單選選中?
label 元素不會向使用者呈現任何特殊效果。不過,它為滑鼠使用者改進了可用性。如果在 label 元素內點選文字,就會觸發此控制元件。就是說,當使用者選擇該標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制元件上。

相關文章