如何重置/删除元素的 CSS 样式？

浏览器对大多数 CSS 属性使用一些预定义的默认值。这些默认值可能会因浏览器以及所使用的浏览器版本而异。给出这些默认值是为了确保整个网页的一致性。但在某些情况下，这些默认值会导致网页执行意外操作，因此删除这些默认值是一种可行的方法。
在大多数情况下，可以使用一些预定义的重置方法来完成重置。还有很多其他的重置方法。但是这些重置方法的问题在于，它们用于删除网页中存在的所有样式（删除所有元素及其属性的所有浏览器默认值），但是如果我们只想删除默认值或某些特定样式对于一个元素，那么unset的值就派上用场了。
问题陈述：大多数情况下，Web 浏览器提供的默认按钮非常乏味且没有风格化。为了使其更加风格化并使其适合网页的主题，可以使用 CSS 手动对其进行风格化。但在删除默认样式之前，无法应用手动样式。因此，我们应用以下代码来删除按钮上存在的默认样式。
示例 1：在这里您将看到如何通过 HTML 和 CSS 使用unset属性。此示例仅删除默认浏览器样式。

html

 

    
     
    

 

    
        

            
                GeeksforGeeks
            
        
         
         

            Here the GeeksforGeeks button is
            attached with the unset property
        


         
        
            A Online Computer Secience Portal
        
    

 

输出：

示例 2：在这里您将看到如何通过 HTML、CSS 和 jQuery 触发unset属性。

html

 

    
        How to reset/remove CSS
        styles for element ?
    
     
    
    
     
    
        .geeks {
            all:unset;
        }
        div {
            color: Green;
            font-size: 44px;
        }
    

     

    
        
            GeeksforGeeks
        
         
        
            Click me to Unset CSS
        
         
        
            $('#gfg').click(function() {
            $('#myid').addClass('geeks');
            });
        
    

 
                   

输出：

• 在点击按钮之前：
  

• 点击按钮后：