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

2019-04-03

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

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

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

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

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