您好,登錄后才能下訂單哦!
本篇內容主要講解“IE瀏覽器input輸入框的功能是什么”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“IE瀏覽器input輸入框的功能是什么”吧!
ie為了增強用戶在觸控屏幕上使用ie瀏覽器的體驗, 對用戶輸入操作做了優化:
input:text的文本輸入框增加了清空輸入的功能;
input:paddword的密碼輸入框增減了顯示密碼的功能;
用戶在input獲得焦點并輸入后,input右側會出現X的圖標, 點擊可清空輸入內容, input失去焦點后,圖標會消失. 如果是密碼框, 則會顯示一個眼睛圖標, 點擊可切換為明文密碼.
但是, 在一些項目中, UI設計師會設計統一風格的圖標, 在谷歌,火狐瀏覽器都可以按照正常邏輯進行布局, 但在IE中就會在成自定義圖標和默認圖標的重疊.
解決辦法:IE默認增加了這個功能后, 也給程序員留了禁用的手段, 可使用css的雙偽類進行清除:
/*清除text文本輸入框的清除圖標*/
input::-ms-clear{
display: none;
}
/*清除password密碼輸入框的明文圖標*/
input::-ms-reveal{
display: none;
}
備注:目前只有IE瀏覽器支持此雙偽類, 需加-ms-前綴.
到此,相信大家對“IE瀏覽器input輸入框的功能是什么”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。