特定の入力でIE10の「フィールドをクリア」Xボタンを削除しますか？

確かに便利な機能ですが、無効にする方法はありますか？
たとえば、フォームが単一のテキストフィールドで、その横に「クリア」ボタンがすでにある場合、Xも不要です。この状況では、フォームを削除することをお勧めします。

それはできますか？

ボックスの::-ms-clear疑似要素をスタイルします。

.someinput::-ms-clear {
    display: none;
}

私はそれを設定すると良いでしょう見つかったwidthとheightします0px。それ以外の場合、IE10はフィールドに定義されたパディングを無視しますpadding-right-これは、入力フィールドにオーバーレイした「X」アイコンの上にテキストが入力されないようにするためのものでした。IE10が内部的padding-rightに入力のを::--ms-clear疑似要素に適用していると思います。疑似要素を非padding-right表示にしても値はに戻りませんinput。

これは私にとってよりうまくいきました：

.someinput::-ms-clear {
  width : 0;
  height: 0;
}

このルールをテキストタイプのすべての入力フィールドに適用するので、後で複製する必要はありません。

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

以下を使用するだけで、特定性を低くすることもできます。

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

私はこの答えを追加する前でも後者を使用しましたが、ほとんどの人はそれよりも具体的にすることを好むと思いました。どちらのソリューションも正常に機能します。

::-ms-clear（http://msdn.microsoft.com/en-us/library/windows/apps/hh465740.aspx）のスタイルを設定する必要があります。

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

また::-ms-reveal、パスワードフィールドの疑似要素のスタイルも設定します。

::-ms-reveal {
   display: none;
}

ページが互換モードで実行されている場合、すべてのスタイルおよびCSSベースのソリューションが機能しないことに注意してください。互換モードレンダラーは、ブラウザーにxが表示されていても、::-ms-clear要素を無視します。

ページを互換モードで実行する必要がある場合、Xが表示されたままになることがあります。

私の場合、私はいくつかのサードパーティのデータバインドされたコントロールを使用しています。私たちのソリューションは、「onchange」イベントを処理し、フィールドがxボタンでクリアされた場合にバッキングストアをクリアすることでした。

矢印を非表示にして「時間」入力を交差させるには：

#inputId::-webkit-outer-spin-button,
#inputId::-webkit-inner-spin-button,
#inputId::-webkit-clear-button{
    -webkit-appearance: none;
    margin: 0;
}