如何使用 CSS 使文本输入不可编辑？

HTML 中的只读属性用于创建不可编辑的文本输入。但是在 CSS 的情况下，pointer-events 属性用于停止指针事件。

句法：

pointer-events: none;

示例 1：此示例显示了两个输入文本，其中一个是不可编辑的。

 
 
     
         
          
        
     
      
     
  
        
 
            GeeksForGeeks 
        
 
          
        Non-editable:
          
        


          
        Editable:
     
                    

输出：

示例 2：此示例创建两个输入文本，它们都是不可编辑的。

 

   
      
        
      
   
     
   
         
      
 
         GeeksForGeeks 
      
        
      Non-editable:
        
      


        
      Non-Editable:
   

输出：