inupt type=”text”でカーソルを入れるとボヤっと出る枠線を消す

フォームのテキスト入力欄(inupt type="text")にフォーカスをあてた際に、下の画像のようにぼやっと表示されるブルーの枠線が邪魔なので、それを消す方法です。

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

form input[type="text"]:focus {
	outline:0;
}