如何用css让超链接失效

顺晟科技

2021-07-31 07:31:04

254

css中可使用pointer-events属性来让超链接失效；只需要给超链接所在标签元素设置“pointer-events:none;”样式即可，这样可以让超链接元素永远不会成为鼠标事件的target，进而让超链接不可用。

在css中可以使用pointer-events:none;样式来让超链接不可用。

pointer-events属性：指定在什么情况下元素可以成为鼠标事件的 target。

pointer-events属性使用none效果：

元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。

示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
a {
pointer-events: none;
cursor: default;
}
</style>
</head>
<body>
<a href="https://www.xyhtml5.com/">xyhtml5</a>
</body>
</html>

以上就是css怎么让超链接不可用的详细内容

上一篇：文字不换行如何用css实现下一篇：为什么css中a标签hover不变色

网站建设

Css

如何用css让超链接失效