去除标簽focus時藍色邊框
問題:
當使用input标簽時，它會有一個預設樣式，即當其擷取到焦點時，會有一個藍色邊框效果。如下圖：
未擷取焦點時：
擷取到焦點時：
我們在控制台檢視input:focus如下圖。
發現并沒有相關的樣式。
事實上這是input的outline屬性帶來的問題。當我們加上
input {
outline:none;
}
就能解決這個問題。同樣有這個問題的元素還有select,option,textarea。建議在項目開始時的樣式初始化步驟中加入下面的代碼。
input,select,option,textarea {
outline:none;
}