CSSの:before/:afterが使えないhtml要素
ハマったのでメモ。
imgやinputのような、一部のhtml要素については、疑似要素の:before,:afterが使えない。
厳密にはブラウザ差分があるかもしれないが、そこまでは自身では調べ切れてない。
具体的にどの要素が使えないかについては、後述参考配下のMDNのドキュメントを見てほしい:p
参考
::before (:before) - CSS: カスケーディングスタイルシート | MDN (mozilla.org)
置換要素 - CSS: カスケーディングスタイルシート | MDN (mozilla.org)