最新消息： 关于Git&GitHub 版本控制你了解多少？
您现在的位置是：群英 > 开发技术 > web开发 >
利用css设置超链接不可点击怎么操作？
网络发表于 2021-05-17 17:49 次浏览

css设置超链接不可点击的方法：首先通过“cursor:pointer;”属性使鼠标变成箭头；然后通过“pointer-events:none;”属性使超链接失效不可点击即可。

本文操作环境：windows7系统、HTML5&&CSS3版，DELL G3电脑。

利用css设置使超链接不能点击或者失效

 

cursor:pointer;
pointer-events: none;
第一行是使鼠标变成箭头而不再是小手形状
第二行是使超链接失效代码

不仅是a标签，iframe标签也有效，示例如下：

<!DOCTYPE html><html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<a class="weather" href="http://www.baidu.com" >测试</a>
		<iframe class="weather" allowtransparency="true" frameborder="0" width="385" height="96" scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=2&z=2&t=0&v=0&d=3&bd=0&k=&f=&ltf=009944&htf=cc0000&q=1&e=0&a=0&c=60813&w=385&h=96&align=center"></iframe>
	</body>
	<style type="text/css">
	.weather{
	    color:gray;
	    cursor:pointer;
	    pointer-events: none;
	}	</style></html>

原来的显示效果：鼠标悬停后是小手形状，样式改变，点击后跳转到超链接

更改后显示效果：鼠标悬停是箭头形状，点击无反应

更多详细的HTML/CSS知识，请访问CSS视频教程栏目！

以上就是css怎么设置超链接不可点击的详细内容，更多请关注群英网络其它相关文章！

标签：css 超链接样式
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
上一篇：css三种常见用法分析
下一篇：设置css边框的透明度太复杂？这样轻松搞定
相关信息推荐
css中样式的写法是什么？这三种常见写法要知
2021-09-30 16:57:33　关键词：css样式的写法
摘要：css中样式的写法是什么？对一些新手来说，可能不是很了解css中样式的写法，因此本文就给大家来介绍一下CSS的内联样式、内部样式和外部样式的常见写法，有需要的朋友可以参考。..
在css3如何实现阴影效果？方法是什么？
2021-09-30 16:57:19　关键词：css3阴影效果
摘要：css3如何实现阴影效果？在CSS3中，我们想要实现阴影效果，可以使用box-shadow属性。box-shadow属性的使用也很简单的，但是有些值和问题是需要了解清楚的，下面我们就来详细的了解box-sh..
css增加边框怎样做？一文带你了解border属性
2021-09-30 16:57:18　关键词：css增加边框
摘要：css如何增加边框？有时候我们需要给元素添加边框的效果，在CSS中，添加边框，我们可以使用border属性，接下来小编就给大家介绍一下border属性的使用、值的介绍和使用要注意的问题，..
用css怎么样做一个简单的对话框？
2021-09-30 16:57:06　关键词：css对话框
摘要：用css怎么样做一个简单的对话框？对于对话框，大家应该都不陌生，最简单的对话框就是侧面带有一个小三角形的矩形，而实现这样的效果其实并不困难，下面我们就用纯CSS写一个简单..
css设置分辨率的方法是什么？怎样做？
2021-09-29 19:15:17　关键词：css设置分辨率
摘要：这篇文章主要给大家介绍css设置分辨率的内容，在实际的项目中，因为不同的屏幕尺寸要求的分辨率不同，因此为了不同满足用户需要，我们要设置不用分辨的样式。那么具体怎样做呢..
推荐内容
热门关键词
python for语句python列表去重css样式的写法css3阴影效果css增加边框css对话框Python迭代器python列表操作Python双向队列python猜数字游戏python数字类型vue删除cookiejavascript类如何卸载node.jsnode更改安装路径css设置分辨率css图片失真css设置文本不可选中html输入框python判断质数javascript变量PyCharm安装python随机漫步图python的sum函数python输出语句python数字转汉字css间距设置css添加两张背景图片css伪元素vuex
热门信息
  • MySQL增量备份与恢复如何实现？
    2021-03-02
  • 【Git&GitHub教程】GitLab服务器环境搭建步骤分享
    2021-03-13
  • Composer2.0向下不兼容致使无法安装插件？
    2021-03-10
  • 好用的VSCode技巧你知道吗？VSCode新手指南
    2021-03-13
  • Notepad 搜索栏在哪里找？
    2021-02-19
  • 执行一句SQL会有哪些情况出现？
    2021-03-02
  • redis数据库可以用来存储用户信息吗？
    2021-03-02
  • mac 如何通过sublime命令行启动？
    2021-02-26
  • MySQL8.0.22安装及配置步骤分享
    2021-03-02
  • 这些PHPmyadmin漏洞以及拿shell你了解多少？
    2021-03-02

    • Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2018 群英 版权所有 茂名市群英网络有限公司

    增值电信经营许可证 : B1.B2-20140078   粤ICP备09006778号-36   粤公网安备 44090202000006号粤公网安备 44090202000006号   粤工商备P091701000595