html超链接点击不,css怎么设置超链接不可点击
css设置超链接不可点击的方法:首先通过“cursor:pointer;”属性使鼠标变成箭头;然后通过“pointer-events:none;”属性使超链接失效不可点击即可。
本文操作环境:windows7系统、HTML5&&CSS3版,DELL G3电脑。
利用css设置使超链接不能点击或者失效
cursor:pointer;
pointer-events: none;
第一行是使鼠标变成箭头而不再是小手形状
第二行是使超链接失效代码
不仅是a标签,iframe标签也有效,示例如下:
测试
.weather{
color:gray;
cursor:pointer;
pointer-events: none;
}
原来的显示效果:鼠标悬停后是小手形状,样式改变,点击后跳转到超链接
更改后显示效果:鼠标悬停是箭头形状,点击无反应
更多详细的HTML/CSS知识,请访问CSS视频教程栏目!
html超链接点击不,css怎么设置超链接不可点击相关推荐
- html页面设置不可点击事件,css怎么设置div不可点击?
这篇文章介绍的是通过纯CSS实现禁止div的鼠标点击事件,比起Javascript来更加灵活,有需要的可以参考学习. css怎么设置div不可点击? JavaScript有一个preventDefau ...
- php超链接样式,html和css中设置超链接样式方法的总结
在之前的文章中我们介绍了关于html中超链接的颜色设置,我们都也知道超链接在网站中都是无处不在的,超链接是跳转到另一个页面的入口,当你把鼠标移动到超链接上,会有颜色或者样式的改变,那么我们今天就给大家 ...
- 设置html按钮点击事件无效果,css怎么设置按钮不能点击?
css怎么设置按钮不能点击?下面本篇文章就来给大家介绍一下使用CSS设置按钮不能点击的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 想要按钮不能点击可以通过设置按钮点击事件失 ...
- css设置div不可编辑,css 怎么设置div不可点击
css设置div不可点击的方法:1.通过"event.preventDefault()"方法取消事件的默认动作:2.通过"event.stopPropagation()& ...
- 在html中加粗字体的文本链接,css如何设置超链接字体加粗效果
css如何设置超链接字体加粗效果 发布时间:2020-11-18 10:23:39 来源:亿速云 阅读:140 作者:小新 小编给大家分享一下css如何设置超链接字体加粗效果,希望大家阅读完这篇文章后 ...
- css 超链接的颜色,用css样式控制超链接颜色显示
用css样式控制超链接颜色显示 用css样式控制超链接颜色显示,阅读用css样式控制超链接颜色显示,很多人在网页上实现不同链接有不同的颜色上不知如何处理,如果改a的属性,好像所有的链接的颜色都改了.事 ...
- html文字超链接不让变色,css不让超链接变色怎么设置?
[相关推荐:css在线手册] 链接有四个状态a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被 ...
- CSS之设置超链接样式以及设置鼠标形状
超链接在任意一个网页上都是最基本的元素之一,通过超链接可以实现页面的跳转.功能的激活等,我们来学习如何使用CSS设置超链接的样式 定义超链接是使用**标签,用于从一个页面链接到另一个页面, 元素最重要 ...
- css如何设置超链接样式
css设置超链接样式是通过伪类来实现的 (1) :link:设置a对象在未被访问前的样式表属性. (2) :visited:设置a对象在其链接地址已被访问过时的样式表属性. (3) :hover:设置 ...
最新文章
- C++ dll 动态链接库的创建与调用
- 近世代数--多项式环--未定元的存在性
- jbpm的例子之四 使用decision
- SCCM Learning2
- bracket 教程
- The single product is priced at about 1350 yuan
- react-native技术调研:react-native是什么?
- 外卖系统源码,如何搭建一套同城o2o外卖商城平台
- 八爪鱼采集数据的一般流程
- 静态路由使用下一跳和出接口的区别,我猜你不知道这一点!
- SpringBoot基础-refresh方法解析
- 高教版《金融学》预习笔记
- 背英语句子,来巧记单词
- 有限元:什么是有限元分析法
- java接口和抽象函数_Java接口和抽象类区别
- 一位计算机牛人的心得,谈到计算机和数学,很实用~
- python调用默认播放器_python使用Tkinter实现在线音乐播放器
- 从“时间机器”备份恢复 Mac
- 北京科技大学,计算机考研情况
- NVIDIA支持CUDA的显卡选型简述
热门文章
- 怎么在linux下访问磁盘,在Redhat下访问NTFS磁盘
- 【重要】Git中冲突的解决
- vb.net调用oracle存储过程,VB.net 调用带参数存储过程-.NET教程,VB.Net语言
- 【软件质量】软件可追踪性
- VScode运行ts文件出现错误Unexpected token ‘export‘
- JavaScript学习笔记 01、Javascript的基本知识
- ZKEYS公有云分销系统 V5.2.0
- ABAQUS粘弹性材料分析_51CAE_新浪博客
- bilicav法求解高阶次勒让德函数
- Java 序列化与反序列化