ブラウザ間でCSSが表示されない<a>タグ

-1

リンクがいくつか表示されています。 Chromeで見ると、欲しいものが表示されます。リンクは灰色で下線なしで表示され、リンクをホバーすると黒くなります。しかし、私がFirefoxやIE9で見ると、すべてのリンクは青色または紫色であり、すべて下線が引かれています。ホバリングしても色は変わりません。ブラウザ間でCSSが表示されない<a>タグ

私は間違っていますか？すべてのブラウザで同じリンクが表示されないのはなぜですか？私はリンクがchromeと同じようにしたい。

CSS：

a:link {color: #008000; text-decoration: none} 
a:visited {color: #cccccc; text-decoration: none} 
a:active {color: #ff0000; text-decoration: underlined} 
a:hover {color: #606060; text-decoration: underlined}

私のDOCTYPE宣言：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">

出典

2012-04-15 user1022772

IE9 –

で私の作品罰金（http://jsfiddle.net/uLjZX/）[ここにあなたのCSSでフィドルがある]、あなたのFirefoxは、紫色/青色でリンクが表示されませんまたは緑色/灰色？私にとって、Firefoxでは正しく動作します。 – Yogu

IEとFirefoxがウェブページのスタイルを無視するように設定されていませんか？この質問は申し訳ありませんが、デバイスが接続されていないためにデバイスが動作しないことがあります。 – bostaf

値underlinedが財産text-decorationに有効ではありません。あなたはunderlineを探しています。

a:link {color: #008000; text-decoration: none;} 
a:visited {color: #cccccc; text-decoration: none;} 
a:active {color: #ff0000; text-decoration: underline;} 
a:hover {color: #606060; text-decoration: underline;}

JSFiddle

出典

2012-04-15 21:00:51 Zeta

これはFirefox – Yogu

では色が変わらないがFirefoxの下線付きリンクがまだ変わっていない理由を説明していません。テキストは紫色です。セミコロンも追加しました。しかし、変更なし – user1022772

@ user1022772：どのFirefoxのバージョンを使用しますか？ Firefoxでこれを再現することはできません。また、[Strunaのコメント]（http://stackoverflow.com/questions/10166024/css-not-displaying-same-between-browsers-a-tag/10166053#comment13042360_10166024）をご覧ください。 – Zeta

ブラウザ間でCSSが表示されない<a>タグ

答えて

関連する問題