使用纯css禁用html中a标签无需JavaScript_HTML/Xhtml_网页制作
程序员文章站
2022-03-09 11:33:42
...
其实这个问题在初次学习html中select标签时就已经冒出来了,时至今日,依然没有找到使用纯css禁用a标签的办法——同事、同学、老师我都问过了,他们都千篇一律借助了JavaScript,难道真的必须要借助JavaScript吗?
1、纯css实现html中a标签的禁用:
如何禁用a标签
百度
点击
上面虽然使用纯css实现了对a标签的禁用,不过由于opera、ie浏览器不支持pointer-events样式,所以上面代码在这两类浏览器中起不到禁用a标签的作用。
2、借助Jquery和css实现html中a标签的禁用:
这种方式可以兼容所有浏览器,可是混用了JavaScript,这一点恐怕是致命的缺憾!!!
3、借助Jquery实现html中a标签的禁用:
上面使用了纯Jquery实现了禁用html中a标签的功能。
1、纯css实现html中a标签的禁用:
复制代码
代码如下:上面虽然使用纯css实现了对a标签的禁用,不过由于opera、ie浏览器不支持pointer-events样式,所以上面代码在这两类浏览器中起不到禁用a标签的作用。
2、借助Jquery和css实现html中a标签的禁用:
复制代码
代码如下:这种方式可以兼容所有浏览器,可是混用了JavaScript,这一点恐怕是致命的缺憾!!!
3、借助Jquery实现html中a标签的禁用:
复制代码
代码如下:上面使用了纯Jquery实现了禁用html中a标签的功能。
推荐阅读
-
XHTML中的超链接标签使用教程_HTML/Xhtml_网页制作
-
html中select optgroup标签使用介绍_HTML/Xhtml_网页制作
-
HTML中Li标签的使用示例_HTML/Xhtml_网页制作
-
html标签中的this使用介绍_HTML/Xhtml_网页制作
-
meta标签中的使用viewport定义屏幕css_HTML/Xhtml_网页制作
-
html中select optgroup标签使用介绍_HTML/Xhtml_网页制作
-
XHTML中的超链接标签使用教程_HTML/Xhtml_网页制作
-
如何使用纯css禁用html中a标签无需JavaScript
-
meta标签中的viewport控制设备屏幕css_HTML/Xhtml_网页制作
-
在HTML中引入CSS的3种方式使用介绍_HTML/Xhtml_网页制作