纯 CSS 禁用按钮

按钮是最常见的 UI 元素之一。它用于用户与系统交互并通过选择来采取行动。 Pure CSS Disabled Button 用于创建禁用按钮。为了制作禁用按钮，我们将使用纯 CSS 类“ pure-button-disabled ”和类“pure-button” 。我们还可以使用 disabled 属性创建一个禁用的按钮。

禁用按钮使用类：

• pure-button-disabled：用于禁用纯 CSS 按钮。此类与纯按钮类一起使用。

句法：

• 使用纯 CSS 类的禁用按钮：

  
      Disabled Button
    

• 使用 disabled 属性的禁用按钮：

  
      Disabled Button
  

例子：

HTML

  

    

  

    

        GeeksforGeeks
    
  
    
Pure CSS Disabled Buttons
  
    
    
        Button Disabled 1
    
  
    
    
        Button Disabled 2
    

  

输出：

纯 CSS 禁用按钮

参考： https://purecss.io/buttons/#disabled-buttons