IE10去掉input的type=”text”輸入內容時出現的小叉號(X)和type=”password”出現的小眼睛圖標


最近在做一個后台管理系統項目,遇到以下兩個問題:

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  是密碼查看按鈕,也就密碼框右邊的小眼睛。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM