タッチデバイスでCSSの:hoverを機能させる方法

CSSについて CSS

hoverするとメニューが現れる、というCSSを作っていて最近までスマホのタップでも正常に動作していたはずなのですが、突然(ではないんだろうけども・・・)スマホで動作しなくなりました。

調べてみると、タッチさせる要素に

ontouchstart=""

とHTMLに書くといいらしい。

<div class="box" ontouchstart=""></div>
タッチデバイスでCSSの:activeや:hoverを機能させる。 - Qiita
demoタッチさせる要素に ontouchstart=""と指定する。これを指定しないとタッチでは:act…

これで動きました、めちゃめちゃハマった・・・orz

コメント

  1. 087yr3

タイトルとURLをコピーしました