CSS取消輸入框焦點

input:focus{
outline:none;
}

當我們在頁面中輸入框內輸入文字或者點擊輸入框時，輸入框會被加上一個默認的邊框，這個邊框樣式的設置是由瀏覽器決定的，而不同瀏覽器的默認樣式也會有所不同。

為了保證風格的一致性，我們通常需要將這個默認的邊框去掉。使用CSS對輸入框取消聚焦默認樣式，方法如下：

input:focus{
outline:none;
}

上面的代碼表示，當輸入框被聚焦時，即光標在其中，取消輸入框的外邊框線，即邊框線不會再出現在輸入框的周圍。

使用這個簡單的CSS樣式，我們可以改變輸入框在被點擊時的默認外觀，增強用戶體驗。