兼容性處理Edge變態顯示

在ie高版本瀏覽器和edge瀏覽器裏type爲text和password的input框在輸入時右邊會出現×和眼睛。
 

如果需要清除,方法如下:

  1. 首先在頁面頭部聲明兼容性模式
    <meta http-equiv="X-UA-Compatible" content="IE=edge ; IE=11">

    X-UA-Compatible是自從IE8新加的一個設置,對於IE8以下的瀏覽器是不識別的,通過在meta中設置X-UA-Compatible的值,可以指定網頁的兼容性模式設置。

  2. 在css中使用僞元素選擇器:::-ms-clear、::-ms-reveal 設置其display:none;即可,例如:
  3. input::-ms-clear,input::-ms-reveal{
        display: none;
    }
發佈了14 篇原創文章 · 獲贊 21 · 訪問量 12萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章