ホームページ >ウェブフロントエンド >CSSチュートリアル >Mobile Safari のアンカー タグで :active が機能しないのはなぜですか? どうすれば修正できますか?
Mobile Safari のアンカー タグで :active が機能しないのはなぜですか? どうすれば修正できますか?
- Patricia Arquetteオリジナル
- 2024-12-02 08:52:10167ブラウズ
擬似クラス :active が Mobile Safari で認識されない
:active などの特定の擬似クラスは、要素ベースのスタイリングに不可欠です彼らの状態について。ただし、iOS デバイスの Safari などの Webkit ベースのブラウザでは、アンカー タグ ( タグ) に :active を適用しても、要素がタップされてもアクティブになりません。
解決策:
body タグには、この問題を解決する重要な属性が含まれています:
<body ontouchstart="">
この属性により、 body 要素でのタッチ イベント処理。これにより、ブラウザは :active 疑似クラスを効果的に認識して適用できるようになります。
あるいは、Fastclick.js ライブラリを実装して、タッチ デバイスでのクリック イベント処理を強化し、この問題は自動的に解決されます。
以上がMobile Safari のアンカー タグで :active が機能しないのはなぜですか? どうすれば修正できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。