text-shadow はその名の通り表示するテキストに影をつけるためのものです。 これは背景の色と文字色の関係でぼやけて見えてしまう場合に有効です。
使い方は、
text-shadow [横方向の影] [縦方向の影] [ぼかし] [色]
という感じです。 1pxでも影があると全然違う感じになるので、見にくいと思った場合は試してみてください。
以下は影のあるなしの比較になればと思います。
まずは影なし
そして影あり
あんまりわからないかもしれませんが、特にCancelあたりは随分見やすくなってます.....なってます!
ちなみにこの影は以下の値で指定しています。 色はRGBA形式で指定しています。 おぉ〜 自分にしてはおしゃれだ。
text-shadow: 0 1px 0 rgba(0,0,0,0.4);