添加屬性 :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; 也是允許的。