CSS realizes that the a tag is grayed out and cannot be clicked

Original link: https://chegva.com/5377.html

Since the a tag does not have the disable attribute, if you want to disable the click event of the a tag, you can also do it through css.

First create a class named disable, and then add disable to the a tag. Tested on chrome and firefox.

 .disable { color: #c4c6cc; pointer-events: none; user-select: none; }  <a style="margin-right: 6px" class="disable" @click="addTaskAssign(record)"> <a-icon type="edit" />Edit</a>

View the effect, so that you can dynamically add disable according to the status to make the a tag unclickable.

image.png

Reference: How to disable the click event disabled attribute and pointer-events attribute value of the a tag

This article is reprinted from: https://chegva.com/5377.html
This site is for inclusion only, and the copyright belongs to the original author.

Leave a Comment