Skip to main content
Categories
基礎的な学習学習

テキストボックスがフォーカスされたときの枠線を出ないようにする

  • Post Author
    By pitang1965
  • Post Date
    Wed Apr 03 2019

次のようにテキストボックスに何か入力しようとして、テキストボックスをクリックするときに枠線が出てしまうのを避けたいときがあります。

テキストボックスのフォーカス時の枠線
テキストボックスのフォーカス時の枠線

この問題はGoogle検索したら、すぐに解決方法がわかりました。

input[type="text"]:focus {
outline-style: none;
}

このoutline-styleには他にどんなものがあるか、こちらで調べてみました。

色々な装飾ができるのですね。