css - 更改文本输入的边框颜色

Question

要在文本输入处于事件状态时移除其边框，我可以这样做:

textarea:focus, input:focus{
    outline: 0;
}

然后我如何在上面添加我自己的边框颜色？例如:

textarea:focus, input:focus{
    outline: 0;
    border: 1px solid red;
}

Answer 1

你可以试试这个:

textarea:focus {
    outline: none;
    box-shadow: 0px 0px 5px red;/*here change the color*/
    border:1px solid red;/*here change the color*/
}
textarea:focus:hover {
    outline: none;
    box-shadow: 0px 0px 5px red;/*here change the color*/
    border:1px solid red;/*here change the color*/
    border-radius:0;
}

<textarea></textarea>