移動端ios對lable radio的處理
lable包裹radio,ios上點選文字不會變為checked,為label包裹元素新增csspointer-events: none;
或者新增空的點選事件click=""
可以解決,建議採用css。
pointer-events
阻止使用者的點選動作產生任何效果
阻止預設滑鼠指標的顯示
阻止CSS裡的hover和active狀態的變化觸發事件
阻止JavaScript點選動作觸發的事件
為什麼點選文字單選選中?
label 元素不會向使用者呈現任何特殊效果。不過,它為滑鼠使用者改進了可用性。如果在 label 元素內點選文字,就會觸發此控制元件。就是說,當使用者選擇該標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制元件上。
相關文章
- 移動端複製文字clipboard 以及針對iOS的處理iOS
- 關於移動端IOS active失效的處理iOS
- 我對移動端架構的思考架構
- 多對一處理 和一對多處理的處理
- 移動端CRM有哪些好處
- 移動端VUE點選、滑動和長按等事件處理(自定義指令)Vue事件
- 主流移動端元件庫的對比和分析元件
- 淺談移動端圖片壓縮(iOS & Android)iOSAndroid
- iOS image處理BlendModesiOS
- 移動端 h5 ios不能自動播放音樂的問題:H5iOS
- 【Chrome】Chrome-devtools:對ios-safari移動端的H5頁面進行除錯(ios-webkit-debug-proxy)ChromedeviOSH5除錯WebKit
- Epic:《堡壘之夜》iOS移動端收入僅佔7%iOS
- 移動端 UI 自動化測試框架對比UI框架
- iOS 中多音訊處理iOS音訊
- 移動安全-iOS(三)iOS
- vue:移動端判斷鍵盤事件,相容安卓iosVue事件安卓iOS
- 我的 iOS 音訊處理總結iOS音訊
- 指令碼處理iOS的Crash日誌指令碼iOS
- 移動端ios螢幕滾動時filter發生抖動閃爍bugiOSFilter
- 移動端的那些坑
- 移動端的判斷
- 最接近ios設計風格的移動端頁面前端框架-muiiOS前端框架UI
- webpack對樣式的處理Web
- 移動端小白,30天掌握Flutter雙端外掛開發-下(iOS篇)FlutteriOS
- -webkit-overflow-scrolling解決移動端iOS滾動卡頓現象WebKitiOS
- 自動化測試時對驗證碼的處理
- 移動端:對高度自適應的輸入框說不~
- IOS移動端(H5)alert/confirm提示資訊去除urliOSH5
- 移動端Android跟ios相容性問題,反人類!!!AndroidiOS
- 移動端定位
- iOS換膚功能的簡單處理框架iOS框架
- Lesktop開源IM移動端:接入LayIM移動端UIUI
- vue移動端專案接入vconsole(移動端除錯)Vue除錯
- 移動端中的陀螺儀
- 結合RSA,AES128,MD5---移動端與服務端在通訊層的加密處理的一次實驗服務端加密
- Git對新增目錄的處理Git
- Java中對時間的處理Java
- sql server對於日期的處理SQLServer