gotohayato.com

moon indicating dark mode
sun indicating light mode

CSS でテキストフィールドのフォーカス時の枠を取る方法

2015/06/21CSS

CSS でテキストフィールドが focus されたときに自動的に付くボーダーを外す方法についてです。

ここではテキストフィールドと書いていますが、 textarea や button 、 submit ボタンなどでも共通かと思います。

input:focus {
outline: none;
}

私がチェックした Chrome 、 Firefox ではこれで無事解決となりましたが、ブラウザによっては box-shadow なども設定する必要があるようです。

参考

  • Removing the blue glow from an HTML text input when selected - Stack Overflow

関連記事


後藤隼人
個人事業でウェブ開発やマーケティングをしています。
GitHub