gotohayato.com

月(ダークモード)
太陽(ライトモード)

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

CSS

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

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

input:focus {
outline: none;
}

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

参考


hg

後藤隼人 (ごとうはやと)

ウェブ制作・開発やマーケティング、プロジェクト支援などをしています。

githubpython

お知らせ

東北大学大学院医学研究科さんが 9 月 30 日まで膵臓がん研究のクラウドファンディングをされています(後藤も少しだけ寄附させていただきました)。
© 2021 gotohayato.com
サイトについてタグアーカイブメッセージを送る