纯 CSS 复选框和单选按钮

在纯 CSS 中，我们没有针对复选框和单选按钮类型输入的任何特定布局。但是我们可以通过使用纯 CSS 类来使用这些类型的输入。下面提到的类用于复选框和单选按钮。

• 复选框：要使用复选框，我们可以在标签标签内应用输入标签，并在标签标签内使用纯复选框类。
• 单选按钮：要使用复选框，我们可以在标签标签内应用输入标签，并在标签标签内使用纯单选类。

示例 1：在此示例中，我们将看到 Pure CSS 的复选框。下面的示例说明了纯 CSS 中的复选框和单选按钮。

HTML

  

    
      

  

    
GeeksforGeeks
    
      Pure CSS Checkbox
    
    

        

            
                GeeksforGeeks is the best 
                platform to get recognation
            
            
                
                  I agreed with the statement.
            
                    Subscribe
            
        
    

    

输出：

示例 2：在此示例中，我们将看到单选按钮。

HTML

  

    
      

  

    
GeeksforGeeks
    
      Pure CSS Radio Button
    
    
    

          

            
                GeeksforGeeks is the best 
                platform to get recognation
            
            
              
                    
                      Agree  
              
  
              
                    
                      Disagree
            
            
            
                    Subscribe
            
        
    

    

输出：