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