css 在浏览器之间不显示相同的 <a> 标签-6ren

css 在浏览器之间不显示相同的标签

转载作者：行者123 更新时间：2023-11-28 16:46:34

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

我做错了什么？为什么链接在所有浏览器中显示的不同？我希望链接与 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 HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">

最佳答案

值带下划线 对属性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;}