クリック時のグラデーション境界

Question

私は、自分のサイトのボタンをクリックすると（下の例に示すように）、ボタンの周りにグラデーションの境界線が表示されていることに気づいています。私はいくつかのブラウザを試しましたが、これはGoogle Chromeでのみ表示されます。

このCSSのwizeを削除する方法はありますか？

Answer 1

あなたはoutline:noneでアウトラインを無効にすることができます。

input, 
select, 
textarea, 
button { 
    outline: none; 
} 

フォーカス状態で安全に滞在する：

input:focus, 
select:focus, 
textarea:focus, 
button:focus { 
    outline: none; 
} 

しかし、いくつかは、（http://outlinenone.com/）原因アクセシビリティの問題にアウトラインを無効にするには良いアイデアではないと思い

Answer 2

これは、要素がアクティブであることを示します。これを無効にするには：

#element.focus{ 
    outline:0; 
}