入力エリア(input)のフォーカス時、枠を消す

入力エリア(input)のフォーカス時、枠を消す
この記事は約1分で読めます。
広告

枠線が出てフォーカスされてる感はあるけど…「自分で指定するわぃ!」って思う。
フォームの入力エリアでフォーカスした時
フォーカスの枠線を消す方法がコチラです↓↓↓

input:focus {
  outline: none;
}

線の正体は「border」かと思いきや「outline」という変化球。
フォーカス時(:focus)その「outline」を消しちゃえば解決します!

以上で入力エリアのフォーカス時、枠線を消す方法を終わります。

コメント

タイトルとURLをコピーしました