要素とそれを修正するにはどうすればよいですか?
" />
問題:
iOS ブラウザで、:active 擬似クラスのスタイルを指定すると、この問題は、WebKit ベースのブラウザで発生します。 iPhone、iPad、iPod。
コード例:
<style>
a:active {
background-color: red;
}
</style>
<!-- snip -->
<a href="#">Click me</a>解決策:
この問題を解決するにはMobile Safari では、ontouchstart イベント リスナーを
に適用します。要素:<body ontouchstart=""> ... </body>
このグローバル イベント リスナーは、ページ上のすべてのボタンの応答性を向上させます。
代替解決策:
別のアプローチは次のとおりです。 Fastclick JavaScript ライブラリを利用するには:
<script src="//cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js"></script> <script> FastClick.attach(document.body); </script>
Fastclick によりクリック イベントが高速化されます。タッチデバイス上で、:active 擬似クラスの問題に対処します。
以上がMobile Safari の 要素で :active 擬似クラスが機能しないのはなぜですか? どうすれば修正できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
