目的
これ毎回調べているな〜という詰まりがちなCSSの実装をまとめます。
input type="text"のfocus時、border設定したのに反映されない
input type="text"にはデフォルトでoutlineが設定してあるため、
borderだけ設定してもoutlineが勝ってしまう。
outlineにborderの時のように、設定を入れる
input[type="text"]:focus {
outline: solid 1px #000;
}
outlineは無効にして、borderに設定を入れる
input[type="text"]:focus {
outline: none;
border: solid 1px #000;
}
参考
フォームのinput要素をfocusした時の枠の色を変える方法！
↧