怎樣清除IE10+ input X文本框的叉叉和密碼輸入框的眼睛圖標?清除的方法介紹

從IE 10開始,type=”text” 的 input 在用戶輸入內容后 , 會自動產生一個小叉叉(X),方便用戶點擊清除已經輸入的文本 。
對于type=”password”的 input 則會在右方顯示一個小眼睛的圖標,占擊這個圖標可以顯示已經輸入的內容 。
好是好 , 但有時候會畫蛇添足 , 比如已經用js控制了這個功能的時候 。
只要使用以下CSS代碼可輕松實現隱藏IE瀏覽器自帶的文本刪除按鈕和密碼查看按鈕 。

怎樣清除IE10+ input X文本框的叉叉和密碼輸入框的眼睛圖標?清除的方法介紹

【怎樣清除IE10 input X文本框的叉叉和密碼輸入框的眼睛圖標?清除的方法介紹】其中 ::-ms-clear 是文本清除按鈕,也就是input右方的叉叉 ::-ms-reveal是密碼查看按鈕,也就密碼框右邊的小眼睛 。

當然,也可以單獨清除其中一項,這是你的自由 。


相關經驗推薦