JavaScript を使用せずにクリック時に画像ソースを動的に変更する CSS のみのメソッド

Question

CSSのみを使用して、マウスクリック時に画像のsrcを変更する必要があります のように＃＃＃ ああああ

Answer 1

これを実現するには、 function content 属性を 要素に置き換えます。

このテクノロジーを使用して ARIA またはその他のアクセシビリティ関連機能をセットアップすることはできないため、伝えた情報がユーザー ベースの一部に失われる可能性があることに注意してください。 (これは、情報の内容、ユーザーが誰であるか、およびユーザーが所属している/販売されている管理によっては違法となる可能性があります)。

tabindex を設定するか、画像をボタンで囲んでキーボードなどからアクセスできるようにすることもできます。

また、:active は「クリック後」ではなく「クリック時」を意味することにも注意してください。 CSS には「クリック後」の疑似クラスがありません (ただし、場合によっては :focus で十分です)。

リーリー リーリー