CODE html/css

【jQuery】CSSの::afterや::before等の擬似要素を追加する

更新日:

jQueryで擬似要素を使いたかったのですが、使えないようなので何とかできないか試してみました。
使えない理由はよく分かりませんが、擬似要素がDOMではないから?

↓のようにjQueryに「::after」を使っても反応しない。
(ボタンを押下しても何も変わらない)

なので、afterではなく別のクラス(visible)を追加してみると反応するようになりました!

See the Pen 擬似要素追加 by yoshiya.kiryu (@yoshiyakiryu) on CodePen.

.btnはボタンの装飾。

.btn.visible::afterはボタンの外枠(二重線)の為のクラス。
ボタンを押すたびに、jQueryで二重線(visible)を加えたり、外したりする。

ボタンの二重枠線について
【CSS】擬似要素を使って、ボタンに二重枠線を引く

-CODE, html/css
-, , ,

Copyright© kerublog , 2021 All Rights Reserved Powered by STINGER.