JavaScriptでbefore/afterのcontentを書き換える|2001Y.me

JavaScriptで:before:afterなどの疑似要素のcontentを動的に変化させるためには、styleタグを追加するしかないみたいです。

JavaScriptでbefore/afterのcontentを書き換える

let new_style = document.body.appendChild(document.createElement("style"));
new_style.innerHTML = 'Emmet:before { content: "書き換えたいテキスト" !important }';

hover時の切り替えなどはCSSのみで可能

lightbox