【CSS】まだホバー時のスタイルを :hover だけで指定してるの?

関連記事

【CSS】まだホバー時のスタイルを :hover だけで指定してるの?

はじめに結論から ホバースタイルは、 :hover だけで指定するのではなく、次のように指定しましょう! @...概要を表示 はじめに結論から ホバースタイルは、 :hover だけで指定するのではなく、次のように指定しましょう! @media (hover: hover) { /* リンクの場合 */ a:any-link:hover { } /* ボタンの場合 */ button:enabled:hover { } /* 特定できない場合 */ .button:where(:any-link, :enabled, summary):hover { } } ポイント 1 マウスのときだけホバースタイルを当てる :hover 擬似クラスで指定したスタイルは、タッチデバイスの場合フォーカス状態で適用されてしまいます。 つまり、タッチしたあとのスタイルがずっとホバースタイルのままになってしまいます。 これは意図と合わないため、マウスで操作しているかどうかを区別してスタイルを当てる必要があります。 マウス(正確には、ホ

• css
• あとで読む
• HTML・CSS
• デザイン
• ボタン
• web
• web制作
• hover
• webデザイン
• リンク

ブックマークしたユーザー

• Arahabica2025年04月20日 Arahabica
• techtech05212024年06月14日 techtech0521
• saki00002024年03月15日 saki0000
• murata_s2024年01月20日 murata_s
• kimizuka2024年01月03日 kimizuka
• okyawa2023年08月22日 okyawa
• hush_in2023年08月21日 hush_in
• nelpesica2023年08月18日 nelpesica
• inoyy2023年08月17日 inoyy
• masakuma08122023年08月14日 masakuma0812
• t_f_m2023年08月14日 t_f_m
• efcl2023年08月14日 efcl
• funwarioisii2023年08月10日 funwarioisii
• ryoheif2023年08月10日 ryoheif
• ametoshio2023年08月10日 ametoshio
• isshyman2023年08月09日 isshyman
• yoshi-nkyma2023年08月08日 yoshi-nkyma
• o_hiroyuki2023年08月08日 o_hiroyuki