【:first-letter】1文字目が全角記号だとブラウザの挙動が違うのでまとめる

Pocket
LINEで送る

一文字目が全角記号で試してみたら、ブラウザによって挙動が違いました。
唯一思ったとおり(1文字目が赤字)になったのはIE7だけでした。

Chrome,Safari,IE8-11

  • ・「■,●,★」は思ったとおりの結果に
  • ・「・,※,.」は2文字目まで赤字になる

Firefox

  • ・「・,※,.」は2文字目まで赤字になる
  • ・「■,●,★」は無反応(何も赤くならない)

Firefoxでfirst-letterにバグがあるらしい