最近在做一個后台管理系統項目,遇到以下兩個問題:
1、從IE 10開始,type=”text” 的 input 在用戶輸入內容后,會自動產生一個小叉號(X),方便用戶點擊清除已經輸入的文本。
2、對於type=”password”的 input 則會在右方顯示一個小眼睛的圖標,占擊這個圖標可以顯示已經輸入的內容。
有時候為了統一UI頁面效果,我們不要到瀏覽器自帶的小叉叉(×)和小眼睛圖標,所有需要去掉,代碼如下:
input::-ms-clear, input::-ms-reveal {
display: none;
}
其中,
::-ms-clear 是文本清除按鈕,也就是input右方的叉叉
::-ms-reveal 是密碼查看按鈕,也就密碼框右邊的小眼睛。