css modify input tag: focus border color

css modify input tag: focus border color

The input border uses border to modify the style, but modifying the border when the focus is highlighted has no effect

Just use outline

.xxxx:focus{
    
     outline: 1px solid #123456;}

或者

.xxxx:focus{
    
     outline: 0; border: 1px solid #123456;}

Relatively speaking, it is better to use the second type, because border supports rounded corner properties better than outline.