input 去掉點擊后出現的邊框


添加屬性 :focus{outline:none} 就可以去掉默認點擊時,邊框會出現的藍色邊框。

:focus 選擇器用於選取獲得焦點的元素。
提示:接收鍵盤事件或其他用戶輸入的元素都允許 :focus 選擇器。

不想點擊時每次都要設置的話,最好在默認樣式中就設置:

1 input,textarea,select,a:focus {
2  outline: none;
3 }

用 :focus  實現外部邊框改變顏色:

1  input:focus {
2     outline:1px solid #7c448f;
3  }

用 :focus  實現內部邊框改變顏色:

1 input:focus{
2     border-color:#7c448f ;
3     outline: none;
4 }

 

---------------------------------------------------------分割線-------------------------------------------------

  • outline(輪廓)是繪制於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用。(outline是圍繞元素。它是圍繞元素的邊距。但是,它是來自不同的邊框屬性,outline不是元素尺寸的一部分,因此     元素的寬度和高度屬性不包含輪廓的寬度  
  • outline簡寫屬性在一個聲明中設置所有的輪廓屬性。
  • 可以設置的屬性分別是(按順序):outline-color(規定邊框的顏色), outline-style(規定邊框的樣式), outline-width(規定邊框的寬度)。
  • 如果不設置其中的某個值,也不會出問題,比如 outline:solid #ff0000; 也是允許的。


免責聲明!

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



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