首頁 > web前端 > css教學 > 為什麼 `:active` 偽類在行動 Safari 連結上不起作用,如何修復它?

為什麼 `:active` 偽類在行動 Safari 連結上不起作用,如何修復它?

DDD
發布: 2024-12-02 22:17:15
原創
561 人瀏覽過

Why Doesn't the `:active` Pseudo-class Work on Mobile Safari Links, and How Can I Fix It?

解決Mobile Safari 中:active 連結的非功能性:active 偽類

將樣式套用於使用:active 偽類>

將樣式套用於使用:active 偽類別的元素是突出顯示活動連結的常見做法。但是,在 iOS 裝置上的 Webkit 中,點擊元素時不會觸發此行為。要解決此問題,請考慮以下解決方案:

Touchstart 事件

<body ontouchstart="">
    ...
</body>
登入後複製
將 ontouchstart 事件加入 中。 element:

點擊頁面中的任何元素時,將啟用 :active 偽類的觸發。

Fastclick 函式庫

或者,使用 Fastclick JavaScript 函式庫。該庫增強了觸控裝置上點擊事件的回應能力,並解決了 :active 偽類問題。

以上是為什麼 `:active` 偽類在行動 Safari 連結上不起作用,如何修復它?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板