【CSS】iPhoneのSafariにて疑似要素「hover」が動作するように設定する方法

環境
iOS: 11.2.5

iPhoneのSafari(webブラウザ)で「hover」が動作するようにするためには、対象の要素に「ontouchstart=""」を指定する必要があります。

また、「hover」状態を解除する為には自身以外のクリック(タッチ)出来る要素をクリック(タッチ)する必要があります。

ダミーの要素に「onclick=""」を指定する事によって疑似的にクリック(タッチ)できる要素を配置する事が出来ます。

ただし、「body」要素には指定できないので注意が必要です。

この記事は役に立ちましたか?
  • 役に立った(2)
  • もっと詳しい情報が必要(0)
  • 情報が古かった(0)
  • 目的の情報では無かった(0)

シェアする

  • このエントリーをはてなブックマークに追加

フォローする