Question

我不明白为什么本文档右上角的链接（“55”）总是带下划线：

http://dl.dropbox.com/u/72686/print.html

我已经指定了text-decoration：none但它仍然带有下划线。

更新：我有一个问题，我无法将其添加到链接，因为它是自生成的html。此外，我无权访问文档的标记。我可以在中添加标签吗？还是在链接之前？

感谢

Answer 1

您已将样式放在跨度上，您需要将样式放在链接上。

从

更改您的CSS

span
{
    text-decoration:none;
}

到

span a
{
    text-decoration:none;
}

或者，如果您坚持要内联，请将style =放在<a>标记

上

Answer 2

你可以添加到正文，它会起作用，但我不确定它是否符合规格在里面写跨越{text-decoration：none}

Answer 3

假设您可以删除所有链接中的所有下划线，请将其添加到HTML文档的<head>部分：

<style type="text/css">
a, a:link, a:visited, a:hover { text-decoration:none; }
</style>

BTW，与其他解决方案相比，只有我的跨浏览器兼容，a { ... }在IE6上不起作用。

Answer 4

尝试使用javascript更改css样式。例如：

   <script language="javascript">
   var objects = document.getElementsByTagName("a");

   for(var no=0;no<objects.length;no++)
   {
      objects[no].style.textDecoration = "none";
      objects[no].style.color = "#000000";
   }
  </script>

HTML-CSS：项始终带下划线

4 个答案: