気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント21件
- 注目コメント
- 新着コメント
kibitaki
「そうではないものはここでは考えません」「クリックして動作が起こらないときにはホバースタイルを当てるべきではありません」今の子は本当に恐ろしい。ツールチップとか諸々もRFPも何それ状態かな。
yarumato
“:hover 擬似クラスで指定したスタイルは、タッチデバイスの場合フォーカス状態で適用される。つまり、タッチしたあとのスタイルがずっとホバースタイルのままになる。マウスで操作しているかどうかを区別したい”
qinmu
《:hover 擬似クラスで指定したスタイルは、タッチデバイスの場合フォーカス状態で適用されてしまいます。つまり、タッチしたあとのスタイルがずっとホバースタイルのままになってしまいます。》
hit-the-light1326
クライアントの解釈違いが時間とともに露出しちゃったという話ではないだろうか？エンジニアがパターン別に覚えるよりクライアントがデバイス判別して修正すればよい話じゃないの？
kibitaki
「そうではないものはここでは考えません」「クリックして動作が起こらないときにはホバースタイルを当てるべきではありません」今の子は本当に恐ろしい。ツールチップとか諸々もRFPも何それ状態かな。
qinmu
《:hover 擬似クラスで指定したスタイルは、タッチデバイスの場合フォーカス状態で適用されてしまいます。つまり、タッチしたあとのスタイルがずっとホバースタイルのままになってしまいます。》
yarumato
“:hover 擬似クラスで指定したスタイルは、タッチデバイスの場合フォーカス状態で適用される。つまり、タッチしたあとのスタイルがずっとホバースタイルのままになる。マウスで操作しているかどうかを区別したい”
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【CSS】まだホバー時のスタイルを :hover だけで指定してるの？
はじめに結論から ホバースタイルは、 :hover だけで指定するのではなく、次のように指定しましょう！ @... はじめに結論から ホバースタイルは、 :hover だけで指定するのではなく、次のように指定しましょう！ @media (hover: hover) { /* リンクの場合 */ a:any-link:hover { } /* ボタンの場合 */ button:enabled:hover { } /* 特定できない場合 */ .button:where(:any-link, :enabled, summary):hover { } } ポイント 1 マウスのときだけホバースタイルを当てる :hover 擬似クラスで指定したスタイルは、タッチデバイスの場合フォーカス状態で適用されてしまいます。 つまり、タッチしたあとのスタイルがずっとホバースタイルのままになってしまいます。 これは意図と合わないため、マウスで操作しているかどうかを区別してスタイルを当てる必要があります。 マウス（正確には、ホ
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
naehrdine.blogspot.com
2023/08/07 リンク