html中如何修改選中 用input做的搜索框 的邊框顏色


如圖,當我鼠標選中輸入框時,內邊框會變成藍色
我的問題是:
1、如何把藍色去掉?
2、如何改成別的顏色?
首先感謝 UI設計師提出的需求,解決方法如下:
代碼如下:
input[type=text]:focus{
outline: none; // 如何把藍色去掉?
border: 1px solid #58b195; // 如何改成別的顏色?
}
注意:input的type類型很多,type根據類型而定,也可以寫成下面這種形式:
input:focus{
outline: none; // 如何把藍色去掉?
border: 1px solid #58b195; // 如何改成別的顏色?
}