Warning: Trying to access array offset on value of type bool in /home/pitang1965/pitang1965.com/public_html/software/wp-content/themes/luxeritas/inc/json-ld.php on line 114

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

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

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

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

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

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

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