DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 禁用IE10的密碼明文顯示和快速清除功能的方法
禁用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;}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved