禁用IE10的密碼明文顯示和快速清除功能的方法

IE10針對 input及input type=password 分別提供了快速清除鈕(X圖標)以及密碼文字顯示鈕(小眼睛圖標)的功能:

快速清除鈕可取代觸控進行全選并刪除的一連串復雜動作 , 而密碼顯示鈕可協助用戶確認輸入內容,彌補觸控打字慢、錯誤率高的困擾 。但是基于Web系統安全的考慮,需要禁用該功能,特別是密碼明文顯示的功能 。具體可以通過控制頁面視圖和CSS樣式來實現 。

1、首先在Web頁面的HTML頭里面加入如下代碼,強制IE瀏覽器不使用兼容性視圖:

復制代碼代碼如下:
meta http-equiv="X-UA-Compatible" content="edge" /

2、通過過CSS虛擬元素(::-ms-clear、::-ms-reveal)禁用X和眼睛圖標,具體代碼如下:

復制代碼代碼如下:
input::-ms-clear{display:none;}
input[type="password"]::-ms-reveal{display:none;}

相關經驗推薦