Q&AHTML と CSS で以下のようなコードがあったとします。
lang
1<a href="#" class="hoge">ほげほげ</a>
lang
1.hoge { 2 color: red; 3} 4.hoge:hover { 5 color: green; 6}
Android の場合だと、タップした瞬間からgreenになると思いますが、iOSの場合、タップした後にgreenになると思います。
この解決策を、たくさんのブログで見てきましたが、どれも、JavaScript で、特定のクラスが指定されている場所に、タップされたら、JavaScript で hover クラスなどをつけて色を変える、といった内容でした。
しかし、Bootstrap を使って作った WordPress ブログでは、未ログイン状態のときは、CSSの:hover(:active?)が適用されないのに、ログインすると、:hoverが適用されるようになると思います。
どのスクリプトによって、そのようなことを実現しているのか、確かめてみようと思いましたが、答えは見つかりませんでした。
回答よろしくお願いします。
回答2件
0
自己解決
自己解決しました。
:hover ではなく、 :active なのですが、
html
1<body>
を
html
1<body ontouchstart="">
にするだけで、ボタンやリンクに指を乗せるだけで、:active が働くなるようになることがわかりました。
投稿2015/11/01 01:18
総合スコア65
0
Android の場合だと、タップした瞬間からgreenになると思いますが、iOSの場合、タップした後にgreenになると思います。
単純に:visited擬似クラスが効いているのでは？
そもそも:hoverはPCのマウスカーソルが乗っかったときの状態を想定したクラスなので、スマートホンのタップを考慮して:activeも適用したらどうかと思います。
投稿2015/03/08 13:05
総合スコア124
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。