How to make a tag unclickable in css

How to make a tag non-clickable in css: first use the "color:gray" statement to set the color to gray; then use the "pointer-events:none" statement to disable event response; finally use "cursor:default" The statement sets the mouse style to the default style.

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

There is no disabled attribute for the a tag in css. If you want to make the a tag unavailable, you must set the style of the a tag separately to make it unavailable.

1. Set the color to gray

2. Disable event response

3. Set the mouse style to the default style - select the arrow style

Example:

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

Rendering:

(Learning video sharing: css video tutorial)

The above is the detailed content of How to make a tag unclickable in css. For more information, please follow other related articles on the PHP Chinese website!