Q&A
iPhoneでcssのactiveを使いたい
HTML5とCSSで```
↓HTML
〈span class＝''btn message''〉ボタン〈/span〉
↓CSS
.message: active ｛
box-shadow : none;
position: relative;
top : 7px;
｝
というコードを書いて、クリックした時にボタンがへこむ仕組みを作りました。
しかし、パソコンではしっかり作動するのですが、iPhoneだと作動しません。
@mediaでスマホ限定で
cursor: pointer;
も試してみたが、作動しませんでした。
iPhoneで作動させるにはどうしたらよろしいですか？
回答2件
0
ベストアンサー
下記でどうでしょうか。
html
1<body ontouchend=""> 2 3<span class="btn message">ボタン</span> 4 5</body>
【CSS】スマホでhover・activeが効かない?わずか2分の対処法！ | 静岡発のホームページ制作・集客・映像制作のIHOLDINGS
css
1.message { 2 background-color: #eee; 3 box-shadow: 3px 3px 3px #bbb; 4} 5 6.message: active { 7 box-shadow: none; 8 position: relative; 9 top: 7px; 10}
投稿2020/04/04 11:33
総合スコア34075
0
.message: active {
ではなく
.message:active {
だとどうでしょうか?
「active」の前の半角スペースを消してみる、という修正です。
投稿2020/04/04 10:12
総合スコア4528
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。