リンクの色と下線の色が異なる原因
リンクの色と下線の色が異なっているサイトがたまにある。主にはてなやAmebaなどのブログサービスのブログに多いのだがこれはリンクの色を変更しようとしたがaタグではなく、その子のタグにcolorが指定されているためである。
IEやFirefoxで見るとこんな感じにリンクの色と下線の色が異なる
ブログサービスの編集画面で色を変更しようとしてもaタグの内側にspanタグやfontタグを追加し、そのタグにcolorが指定されることが多い。そうするとIEとFirefoxの場合は下線の色が変更されくなってしまう。
対処法としてはリンク色の変更の際はブログサービスの編集画面の色の変更ボタンで変更するのではなく別途CSSでaタグのcolorを指定する必要がある。(あるいはaタグにclassを付けてその色を指定)
リンクの色と下線の色が異なるサンプル
aタグやclassにcolorを指定すれば下線の色も同じになる