エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【CSS】スマホでhover・activeが効かない?わずか2分の対処法!
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【CSS】スマホでhover・activeが効かない?わずか2分の対処法!
CSSの設定でhoverやactiveの設定をしたはずなのに、スマホだと効かない!!なんて時ありますよね。その... CSSの設定でhoverやactiveの設定をしたはずなのに、スマホだと効かない!!なんて時ありますよね。その時の ために、hoverやactiveをいじらずにたった2分で対処できる方法をお教えします!スマホの需要によりレスポンシブ デザインも主流になってきていますが、タッチデバイスでも少しでも凝ったデザインや動きが出るようにしたい! そんな思いを実現できる方法です! 私もそうですが、よく忘れてしまいますのでメモするかブックマークでもしてください。 結論:ontouchstart属性を使う! もう早速結論言っちゃいます! 『ontouchstart属性を使うだけ』!これだけです! 深く考える必要はありません。 むしろ、これを指定しないとタッチでは:activeと:hoverは反応しないんです。 <body> <div id="wrapper"> <div class=&