Web制作メモ -トップへ-

[CSS] input要素の枠線を消すには

HTML&CSS2013.12.18 13:35

Google Chromeでinput要素をフォーカスするとデフォルトでオレンジ色の枠線が表示されます。

input要素の枠線

表示されたほうが使い勝手は良いのかもしれませんが、デザインによっては合わないこともあります。

これは、border: none; では消えません。

outlineという設定だそうです。

outline: none;としたところ消えました。

CSS

input {
    outline: none;
}