使用 CSS 和 JavaScript 在网页中隐藏光标

给定一个 HTML 文档，任务是使用 CSS 和 JavaScript 隐藏给定元素的光标。

方法：

• 首先，选择需要隐藏光标元素的元素。
• 将 CSS 样式cursor:none添加到 a 类。
• 将类名(CSS 样式光标的类名：无)添加到要隐藏光标元素的特定元素。

示例 1：此示例隐藏

元素中的光标。

 
 
     
         
            Hide the cursor in a element
            using CSS and JavaScript
        
          
        
            #GFG_DIV {
                background: green;
                height: 100px;
                width: 200px;
                margin: 0 auto;
                color: white;
            }
              
            /* CSS style to hide cursor element */
            .newClass {
                cursor: none;
            }
        
     
      
     
          
         
            GeeksForGeeks 
        
          
        
        
          
        
            This is Div box.
        
        
          
        
            click here
        
          
        
        
          
        
        
            var up = document.getElementById('GFG_UP');
            var down = document.getElementById('GFG_DOWN');
            var div = document.getElementById('GFG_DIV');
              
            up.innerHTML = "Click on button to hide the cursor from DIV.";
              
            /* Function to add class name to hide cursor element */
            function GFG_Fun() {
                div.classList.add("newClass");
                down.innerHTML = "Cursor is removed from DIV!"; 
            }
         
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：此示例从网页的 中隐藏光标。

 
 
     
         
            Hide the cursor in a element
            using CSS and JavaScript
        
          
        
            #GFG_DIV {
                background: green;
                height: 100px;
                width: 200px;
                margin: 0 auto;
                color: white;
            }
              
            /* CSS style to hide cursor element */
            .newClass {
                cursor: none;
            }
        
     
      
     
      
         
            GeeksForGeeks 
        
          
        
        
          
        
            This is Div box.
        
        
          
        
            click here
        
          
        
        
          
        
        
            var up = document.getElementById('GFG_UP');
            var down = document.getElementById('GFG_DOWN');
            var body = document.getElementById('body');
              
            up.innerHTML = "Click on button to hide the cursor from DIV.";
              
            /* Function to add class name to hide cursor element */
            function GFG_Fun() {
                body.classList.add("newClass");
                down.innerHTML = "Cursor is removed from body!"; 
            }
         
     
                                

输出：

• 在点击按钮之前：
  
• 点击按钮后：