更改 textarea/input 边框颜色

输入框聚焦是外边框会出现默认的黑色大边框,比较难看。

更改边框只需要加入下面的代码即可:

input:focus { 
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}
textarea:focus { 
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}

outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。

border-color 可更换边框颜色,去掉即不显示边框。

参考

https://cloud.tencent.com/developer/ask/90053

本文链接: https://jianz.xyz/index.php/archives/136/

1 + 7 =
快来做第一个评论的人吧~