buttonタグをクリックすると表示されるボヤっとした枠線を消す

buttonタグでボタンを作った際に、そのボタンをクリックすると下の画像のようにブルーのぼやっとした枠線が表示されます。

これがとても邪魔なので、それをCSSで消す方法です。

:focus擬似クラスにoutline:0;を指定します。

button:focus {
	outline:0;
}