Question

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

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

Answer 1

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

Answer 2

只需在现代浏览器中进行更新即可：

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

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

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解决方案：

删除“ href ”标记，并将您的锚点放在“名称”attr中（您可能已经知道了）

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

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

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

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

命名的attrs不会在IE 6中工作（可能也不在7中）。一个完全跨浏览器的解决方案是将一个类添加到锚点，并将其作为目标。例如：

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

注意：上述样式使链接“显示”不可点击。如果其中一个标签有一个href你仍然可以点击它，它会“去某处”或“做某事”。

希望这有帮助。

Answer 7

这对我很有用。为您的标签添加一类禁用。这个代码片段到你的css

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

Answer 8

在锚标记之前放置一个块样式=“position：absolute”，并将其大小设置为覆盖内容。不确定为什么要让它无法点击大多数人都想知道如何在分层的html中点击链接http://wsmithdesign.wordpress.com/2010/10/20/layering-html-with-absolute-positions-in-fluid-html/

Answer 9

如果anchor元素是服务器端元素，则删除href属性。 anchor.attributes.remove（的 “href”）;

Answer 10

如果要使用CSS：

.x{
		pointer-events: none;
	}

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<a href="https://www.google.com" class="x" />Unclickable Google Link</a>
<br>
<a href="https://www.google.com" class="" />Clickable Google Link</a>
</body>
</html>

Answer 11

如果您想添加锚，请使用此html代码
在您要放置锚点之前使用此HTML代码
<a id="Write Your Anchor Here" class="invisible"></a>
即
<a id="anchor" class="invisible"></a> How to Put Anchor
或

<div id="youranchorname" class="anchor">

https://www.example.com/2016/11/how-to-add-html-code#anchor

通过使用此URL，访问者将直接了解如何将锚定部分放入帖子中感谢

注意：此网址仅用于示例目的。它不是一个有效的网址，您的div标签必须以</div>
关闭

如何使链接无法点击？

11 个答案: