IE 表單控件的按鈕聚焦問題

　　按鈕的寫法有兩種，一種是 <input value=”按鈕”/> 或者 <button>按鈕</button>，如果按鈕用于表單提交，還必須加上 type 屬性（type=”submit”）。為了美化按鈕效果，一般會設置背景和邊框屬性。

　　但在 IE 下，表單區域獲得焦點的情況下，如果按鈕的 type 屬性被設置為 submit，該按鈕會自動觸發聚焦效果。如下圖所示：

　　<button type="submit">我說完了</button>

　　想要避免出現這個惡心的黑框，需要將 button 的 border 屬性設置為 none，然后外面套一層容器，用來模擬按鈕的邊框效果。

　　看看這篇文章的評論框，拋棄了原先過于小的按鈕樣式。用戶體驗在于細節哈~

　　來源：芒果

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈