偽類:active 在Mobile Safari 中無法辨識
某些偽類,例如:active,對於基於樣式的元素至關重要關於他們的狀態。但是,在基於 Webkit 的瀏覽器(例如 iOS 裝置上的 Safari)中,將 :active 應用於錨標記( 標記)在點擊元素時不會啟動。
解決方案:
body 標籤包含一個解決此問題的關鍵屬性:
<body ontouchstart="">
此屬性啟用觸控body 元素上的事件觸控處理,允許瀏覽器有效地識別和應用:active 偽類。
或者,您可以實現 Fastclick.js 庫,該庫增強了觸摸設備上的單擊事件處理並自動解決了這個問題。
以上是為什麼 :active 在 Mobile Safari 中的錨標記上不起作用以及如何修復它?的詳細內容。更多資訊請關注PHP中文網其他相關文章!