一文字目が全角記号で試してみたら、ブラウザによって挙動が違いました。
唯一思ったとおり（１文字目が赤字）になったのはIE7だけでした。
Chrome,Safari,IE8-11
- ・「■,●,★」は思ったとおりの結果に
- ・「・,※,．」は２文字目まで赤字になる
Firefox
- ・「・,※,．」は２文字目まで赤字になる
- ・「■,●,★」は無反応（何も赤くならない）
Firefoxでfirst-letterにバグがあるらしい
【:first-letter】１文字目が全角記号だとブラウザの挙動が違うのでまとめる
-
著者
ituki