如何使链接无法点击？

Question

是否有一些CSS属性或我可以使用我的锚标签,以使其无法点击或我必须在代码后面做东西得到我想要的东西？

[编辑] onclick=return false;正在刷新页面..我不想要那个...希望这个锚标签显示为纯文本..实际上我已经将CSS应用于锚标签..所以无法将其更改为简单的标签或其他

Answer 1

只是在现代浏览器中您可以做的更新:

a.disable {
  pointer-events: none;
  cursor: default;
}

<a href="http://stackoverflow.com" class="disable">SO</a>

Answer 2

如果您希望锚标记是链接目标,而不是链接源,则省略href属性并仅具有name属性.HTML 4.01规范允许这样做,并建议浏览器将href-less锚标记中的文本显示为普通文本.

Answer 3

<a href="abcd.html" onclick="return false;">abcd</a>

Answer 4

包括onclick="return false"锚元素的属性就可以了.虽然这个解决方案使用javascript而不是css

Answer 5

您可以使用

disabled="disabled"

在锚标签中,我相信 - 无论如何,这就是我在csharpindepth.com上做的事情.我不想发誓它得到了广泛的支持,不可否认 - 你可能想要检查一下.看起来好像在Chrome,IE和Firefox上.我不知道是否只有CSS中的等价物.

请注意,我相信这会使链接明显无法点击(但浏览器希望这样做)而不是不做任何事情.

编辑:我刚刚在本地文件上尝试了这个,它不起作用......而它肯定适用于csharpindepth.com.值得尝试,但也可能值得看其他方法:)

编辑:正如BoltClock所说,这不是严格有效的HTML - 这可能意味着它只能在怪癖模式下工作.(这可以解释我未能在当地生产它.)

你可能最好使用JavaScript解决方案和CSS样式来改变链接外观......但我会在这里留下这个答案仅仅是为了记录.

Answer 6

这是纯 HTML/CSS 解决方案：

1. 删除“ href ”标签，并将锚点放在“ name ”属性中（您可能已经知道这一点）

2. 将以下样式添加到您的链接：

   a{ text-decoration: none; cursor: default; }
   

您应该使用命名属性来定位锚样式，这样所有链接都不会变得“不可点击”，如下所示：

a[name=*]{ text-decoration: none; cursor: default; }

命名属性在 IE 6 中不起作用（可能在 7 中也不起作用）。一个完全跨浏览器的解决方案是将一个类添加到锚点并定位它。前任 ：

a.anchor{ text-decoration: none; cursor: default; }

注意：上述样式使链接“看起来”不可点击。如果其中一个 a 标签具有 href，您仍然可以单击它，它会“去某处”或“做某事”。

希望这可以帮助。