こんにちは。
今回はGoogle Chromeでinput等にフォーカスした時の青い線をなくす方法を紹介したいと思います。
Google Chromeでinput等にフォーカスした時に青い線が表示されるのですが、デザイン的にこれを消したい時ってけっこうあると思いますので、そういう時は下記のようにリセットします。
1 2 3 4 5 6 | input[type="text"], input[type="password"], textarea, select { outline: none; } |
Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法
簡単ですね。
以上でGoogle Chromeでinput等にフォーカスした時の青い線をなくす方法!でした。