css - 如何禁用IE10插入文本框的清除按鈕?




forms internet-explorer-10 (4)

如何禁用Internet Explorer 10中的新功能,當它集中在文本框中時顯示一個小“x”並且我有內容?


IE 10+中 ,文本輸入(輸入[type = text])在您開始輸入時在字段的右側顯示(x)按鈕,它用於清除/刪除輸入的文本值。

Chrome中 ,搜索輸入(輸入[type = search])顯示類似的按鈕。

如果您希望刪除IE10 +和/或Chrome中的任何一個。 您可以添加以下樣式以從輸入中隱藏此按鈕。

在行動中看到它... http://codepen.io/sutthoff/pen/jqqzJg

/* IE10+ */
::-ms-clear {
  display: none;
}

/* Chrome */
::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration { 
  display: none; 
}

請注意,當頁面在兼容性視圖中運行時,樣式和CSS解決方案不起作用。 我假設這是因為清除按鈕是在IE7之後引入的,因此兼容性視圖中使用的IE7渲染器看不到:: - ms-clear作為有效的樣式標題。


input::-ms-clear{
   display:none;
}

這對我有用。


input[type=text]::-ms-clear {
    display: none;
}




internet-explorer-10