css实现a标签置灰不可点击

由于a标签没有disable属性,如果想用disable禁止a标签的点击事件,也是可以通过css来实现的。

首先创建一个class命名disable,然后将disable加到a标签上。chrome和firefox上亲测好使。

.disable {
  color: #c4c6cc;
  pointer-events: none;
  user-select: none;
}

<a style="margin-right: 6px" class="disable" @click="addTaskAssign(record)">
  <a-icon type="edit" />编辑
</a>

查看效果,这样就可以根据状态,动态添加disable让a标签实现不可点击了。

css实现a标签置灰不可点击


参考:如何禁用 a 标签的点击事件 disabled属性 和 pointer-events属性值详解

anzhihe 安志合个人博客,版权所有 丨 如未注明,均为原创 丨 转载请注明转自:https://chegva.com/5377.html | ☆★★每天进步一点点,加油!★★☆ | 

您可能还感兴趣的文章!

发表评论

电子邮件地址不会被公开。 必填项已用*标注