IE瀏覽器去除input自帶刪除按鈕

  前端開發最頭疼的問題之一:應該就是兼容ie瀏覽器,特別是低版本的ie(藍瘦);這次需要做一個自定義樣式的輸入框,結果在瀏覽器測試時發現ie自帶的刪除按鈕影響了自定義的樣式,使用下面的css成功解決了ie11的問題,但是使用仿真模式ie9還是存在這個刪除按鈕,公司電腦都是win10系統(只能使用真實版本的ie11),結果耗了半天時間發現,居然…

1、IE10、IE11

css樣式設置

/* 文本輸入框刪除按鈕 */
input::-ms-clear{display: none;}
/* 密碼框小眼睛 */
input::-ms-reveal{display: none;}

2、存在問題:仿真模式下IE9及以下版本還是會有刪除按鈕

  不用擔心,其實真實版本ie9及以下版本中是不存在自帶的刪除按鈕的,無需處理,後面在網上看到一些文章也說是ie9及以下真實版本是不支持刪除按鈕功能的;本人在虛擬機上裝了win7系統驗證ie9輸入框中確實沒有刪除按鈕(看來仿真不一定可靠,以後還是要用真實版本進行測試)

仿真ie9:

在這裏插入圖片描述

真實ie9:

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章