The Trap of Web Design

CSS 側でテキストや画像を挿入する制御ができて、面白いんですが、以下は反映されませんでした。

form input[name='required']::after {
    content: '※';
}

単純に input だけにかましても出ない。input（あるいは form 関連要素）には適用できないのかと仕様書を探してますが、いまんとこ見つからず。うーむ。

ちなみに他のインライン要素やブロックレベル要素では反映される（IE7- とか非対応ブラウザはいっぱいあり）んで、これまで互換考えて使わないようにしてたけど、今後利用が増えると思う。IE7- の互換処理がいらないならば、ですが。

IE8 は : ひとつは対応。:: （CSS3）は非対応。IE は全部適用しない、という暫定互換処理でいいなら（そんなことあるか？）:: にする。

IE 以外の準拠ブラウザをお使いの方にのみ、かわいいアイコンを見出しのサキッチョにつける、なんてことなら可能ですね（笑）

不毛だ…