テキストボックスがフォーカスされたときに表示される枠線を消す方法(HTML5)

フォーカスされたときに下図のように表示される枠線を消すには下記のようにCSSで設定します。

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

【動作確認環境】
OS：Windows11 Pro 21H2
Chrome：98.0.4758.102