css如何让a标签不可点击-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

css让a标签不可点击的方法：首先使用“color:gray”语句设置颜色为灰色；然后使用“pointer-events:none”语句停用事件响应；最后使用“cursor:default”语句设置鼠标样式为默认样式即可。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css中a标签没有disabled属性，如果想要使a标签不可用，则必须单独设置a标签的样式使它为不可用。

1、设置颜色为灰色

2、停用事件响应

3、设置鼠标样式为默认样式 - 选择用的箭头样式

示例：

1 2	`<a href="#"` `style="pointer-events: none;cursor: default;color:gray;">点击</a>` `<a href="#">点击</a>`

效果图：

（学习视频分享：css视频教程）

以上就是css如何让a标签不可点击的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者