📜  如何仅使用 CSS 禁用链接?

📅  最后修改于: 2021-08-31 07:17:55             🧑  作者: Mango

要使用 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              
  

输出:在这里可以看到它甚至看起来不像一个链接。
禁用链接