:focusでフォーカス時のborder colorを変更

フォーカス時のボーダー色を変えるにはoutlineを使う

.text_box:focus {
    outline: 2px solid blue;
    background-color: #FFF;
}

outlineではradiusを変えられないので、outlineを非表示、borderを変える

.text_box:focus {
    outline: none !important;
    border: 2px solid blue;
    border-radius: 3px;
    background-color: #FFF;
}

コメントを残す

メールアドレスが公開されることはありません。