如何仅使用CSS禁用链接

9 浏览
0 Comments

如何仅使用CSS禁用链接

有没有一种方式可以通过CSS禁用链接？

我有一个名为current-page的类，希望带有这个类的链接被禁用，以便在单击时不会发生任何操作。

admin 更改状态以发布 2023年5月21日
0

2 答案

0 Comments 
.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}


link

这段内容包含了三个段落，其中第二个段落中的文字被加粗，内容为"123"。

0
0 Comments

来自这个解决方案：

[aria-current="page"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}


Link

有关浏览器支持，请参见https://caniuse.com/#feat=pointer-events。如果您需要支持Internet Explorer，可以使用一个解决方法；请参见此答案。

警告：在CSS中使用pointer-events 对于非SVG元素来说是实验性的。该功能曾经是CSS 3 UI草案规范的一部分，但由于许多问题而被推迟到CSS 4。

0