如何在单击时消除按钮周围的焦点？

要移除按钮轮廓周围的焦点：使用无属性。

句法：

button {
    // Remove focus around button
    outline:none;  
}

Outline 属性： Outline 是一个元素属性，它在元素周围但在边框之外绘制一条线。它不占用边框等元素的宽度。

示例 1：此示例在按钮上创建焦点。

  

    
      
    

  

    

        Button get Focused when clicking it
    
      
    

        
            click here
        
    

  
                                    

输出：

示例 2：此示例使用outline:none属性在单击按钮后从按钮上移除焦点。

      

    
      
    

  

    

        Remove focus from button when
        clicking the button
    
      
    

        
            click here
        
    

  
                    

输出：
在上面的代码中， outline:none属性用于移除按钮的焦点。