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

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

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

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

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

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

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