CSS的:focus選中偽類常常被用來為用戶提供表單交互反饋,例如,當用戶點擊一個輸入框時可以為其添加一個外邊框。但是當用戶停止輸入,并離開這個輸入框時,樣式并不會自動消失。這樣會干擾用戶在表單中的體驗,因此需要通過取消焦點來解決這個問題。
input:focus{ outline: none; }
上述代碼會在用戶離開輸入框時自動取消外邊框的樣式。但要注意,這樣會導致一些無障礙用戶無法正確使用表單。這種方式只適用于美學呈現,而不是表單交互。因此,確保在表單元素上正確使用:focus偽類,以確保每個人都能輕松地完成任務。