需求：

让a标签变灰不可点击。

代码：

前端开发中常用的css样式代码之灰色不可点击样式代码：

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

代码分析：

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

1、设置颜色为灰色

2、停用事件响应

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

所以，首先使用“color:gray”语句设置颜色为灰色；然后使用“pointer-events:none”语句停用事件响应；最后使用“cursor:default”语句设置鼠标样式为默认样式即可。

实际使用：

天下网吧的内容页分页的下一页，当前页码按钮不可点击：

background: rgb(100, 100, 100, 0.7) !important;
border-radius: 4px;
height: 27px !important;
line-height: 25px !important;
opacity: 0.5;
pointer-events: none;
cursor: default;
olor: gray;