1. ホーム
  2. html

[解決済み] CSSでonclick効果を持たせることはできますか?

2022-03-22 03:15:11

質問

クリックで変化する画像要素があるのですが、どうすればいいですか?

<img id="btnLeft">

これは有効です。

#btnLeft:hover {
    width:70px;
    height:74px;
}

でも、必要なのは

#btnLeft:onclick {
    width:70px;
    height:74px;
}

しかし、明らかにうまくいきません。このような場合 onclick の動作をCSSで(つまり、JavaScriptを使わずに)行うことはできますか?

どのように解決するのですか?

最も近いのは :active :

#btnLeft:active {
    width: 70px;
    height: 74px;
}

しかし、これはマウスボタンが押されているときのみスタイルを適用します。スタイルを適用する唯一の方法は を適用し、それを維持する をクリックしたとき、JavaScriptを少し使用する必要があります。