web-dev-qa-db-ja.com

IE10がテキストボックスに挿入するクリアボタンを無効にするにはどうすればよいですか？

Internet Explorer 10の新しい機能を無効にする方法

IE10 Clear Button

cssformsinternet-explorer-10
59
Josh Schultz
input[type=text]::-ms-clear {
    display: none;
}
134
Josh Schultz

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; 
}
17
Sutthoff

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

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

これは私のためにトリックをしました。

2
rshah

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

1
Tom Wilson