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


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; // 如何改成別的顏色?
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM