如何禁用IE10插入文本框的清除按鈕？

如何在Internet Explorer 10中禁用Internet Explorer 10中的新功能，該功能在文本框中顯示一個「x」，並且其中包含內容？如何禁用IE10插入文本框的清除按鈕？

IE10 Clear Button

2012-11-20 Josh Schultz

他們不斷添加和添加東西......好主意，但... –

他們怎麼可能認爲這是一個好主意？我不知道它第一次看到它是什麼，我是一個開發人員... – VirtuosiMedia

不是在規範中，所以它不應該在那裏 – lededje

121

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

來源

2012-11-20 20:29:47

萬分感謝！是否有類似的方法可用於其他表單元素？ –

+19

僅供參考：僅當瀏覽器爲IE10模式而不是兼容模式時纔有效。哎呀！ –

所以很煩人，這是事實。 Compat模式應該將它們刪除... ARGH！ – lededje

在IE 10+，文本輸入（輸入[類型=文本]）示出在領域上右側一個（X）按鈕一旦開始打字，它的使用清除/刪除輸入的文本值。

在Chrome，搜索輸入（input [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; 
}

來源

2016-03-09 15:33:55 Sutthoff

一個更詳細的回答，將有助於未來的讀者更好地理解。 –

這是我做的

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

來源

2016-05-24 07:04:14

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

來源

2016-08-02 21:18:52

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

這對我來說訣竅。

來源

2017-01-30 21:54:00 user5313842

如何禁用IE10插入文本框的清除按鈕？

回答

相關問題