位置: IT常识 - 正文
推荐整理分享css - 如何禁用 <a> 标签点击,让 <a> 标签实现 disabled 禁用效果(鼠标无法触发点击事件)(css禁用button按钮),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:css设置禁用,css禁止用户选择网页文本,css设置禁用,css如何禁用按钮,css禁用button按钮,css如何禁用按钮,css cursor 禁用,禁用css的样式控制,内容如对您有帮助,希望把文章链接给更多的朋友!
我们知道a标签是没有disabled属性的,那么我们该如何实现a标签按钮的禁用呢?
方法一(推荐)给a标签设置 “禁用” 属性,如下代码所示:
<a style="pointer-events:none" @click="xx()">这样 @click 点击事件就不会触发了。
方法二使用 jquery:removerAttr() 或者 JS:removeAttribute() 移除 a 标签的 href 属性。
方法三使用 jquery:unbind() 或者 JS:removeEventListener() 移除点击事件。
其他如果想禁用a标签,如下,class调用disabled就可以了
<style> a.disabled { style="color:rgb(98 189 255)">pointer-events: none; style="color:rgb(255 211 0)">filter: alpha(style="color:rgb(253 97 106)">opacity=50); /*IE滤镜,透明度50%*/ style="color:rgb(98 189 255)">-moz-style="color:rgb(253 97 106)">opacity: 0.5; /*Firefox私有,透明度50%*/ style="color:rgb(253 97 106)">opacity: 0.5; /*其他,透明度50%*/ }</style>下一篇:使用Vue来完成项目中的首页导航+左侧菜单(vue项目使用)
友情链接: 武汉网站建设