要使用 CSS 禁用链接,可以使用 pointer-events属性,该属性设置页面中的元素在单击元素时是否必须响应。 pointer-events属性用于指定元素是否显示给指针事件以及是否不显示在指针上。
下面的示例说明了该方法:
示例 1:下面的代码显示了属性事件的使用,其中“a”标记被禁用,没有光标(“a”标记上的光标指针被禁用)
Disable Link using CSS
GeeksforGeeks
A Computer Science Portal for Geeks
Disabled link: To visit us
Click Here
Enabled link: To use our ide
Click Here
输出:我们可以注意到,虽然它看起来像一个链接,但当我们将指针放在它上面或点击它时什么也没有发生。
示例 2:此代码显示了适用于“a”标签的 CSS,因此看起来链接已禁用,为此,可以使用颜色和文本装饰属性。
Disable Link using CSS
GeeksforGeeks
A Computer Science Portal for Geeks
Disabled link: To visit us
Click Here
Enabled link: To use our ide
Click Here
输出:在这里可以看到它甚至看起来不像一个链接。