欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

css怎么让超链接不可用

程序员文章站 2022-03-07 14:39:12
...

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

css怎么让超链接不可用

本教程操作环境：Windows7系统、css3版本、Dell G3电脑。

教程推荐：css视频教程

在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.php.cn/"></a>
	</body>

</html>

效果：

css怎么让超链接不可用

更多编程相关知识，请访问：编程教学！！

以上就是css怎么让超链接不可用的详细内容，更多请关注其它相关文章！

相关标签： css

上一篇： css 等宽字体有哪些

下一篇： javascript怎样求1-100的素数

推荐阅读