59

フォーカスされていてコンテンツがある場合にテキストボックスに小さな「x」が表示されるInternetExplorer10の新機能を無効にするにはどうすればよいですか？

IE10クリアボタン

4

5 に答える 5

134 
input[type=text]::-ms-clear {
    display: none;
}
于 2012-11-20T20:29:47.960 に答える
18

IE 10以降では、テキスト入力（input [type = text]）は、入力を開始するとフィールドの右側に（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-09T15:33:55.003 に答える
2

これが私がやった方法です

input[type=text]::-ms-clear
{
    display: none;
}
于 2016-05-24T07:04:14.420 に答える
2 
input::-ms-clear{
   display:none;
}

これは私にとってトリックでした。

于 2017-01-30T21:54:00.633 に答える
1

ページが互換表示で実行されている場合、スタイルとCSSソリューションは機能しないことに注意してください。これは、クリアボタンがIE7の後に導入されたためだと思います。そのため、互換表示で使用されるIE7レンダラーは、::-ms-clearを有効なスタイルの見出しとして認識しません。

于 2016-08-02T21:18:52.257 に答える