Question

我有一个显示许多链接的页面。当我在Chrome中查看时，我看到了我想要的内容：以灰色显示而没有下划线的链接，以及当悬停链接变为黑色时。但是当我在firefox或IE9中查看时，所有链接都是蓝色或紫色的eithin并且都加下划线。悬停时颜色不会改变。

我做错了什么？为什么链接在所有浏览器中都不会显示相同内容？我希望链接与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">

Answer 1

值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

css在浏览器<a> tag</a>之间不显示相同内容

1 个答案: