当前位置:Gxlcms > 前端框架 > css中如何禁用a标签按钮

css中如何禁用a标签按钮

时间:2021-07-01 10:21:17 帮助过:58人阅读

首先我们知道a标签是没有disabled属性的,那么我们该如何实现a标签按钮的禁用呢?

解决方法:

方法一:移除点击事件click或touchend

我们可以直接使用jquery:unbind()或者JS:removeEventListener()移除点击事件。

(视频教程推荐:css视频教程)

方法二:给a标签设置属性pointer-events:none

pointer-events:none是css3中的属性,表示禁用鼠标事件,这样实际上也是将click事件去掉了!

方法三:移除a标签的href属性

我们可以使用jquery:removerAttr()或者JS:removeAttribute()移除a标签的href属性。

推荐教程:css快速入门

以上就是css中如何禁用a标签按钮的详细内容,更多请关注Gxlcms其它相关文章!

人气教程排行