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

Question

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

それを行うことができますか？

Answer 1

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

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

Answer 2

widthとheightをに設定する方がよいことがわかりました0px。そうしないと、IE10 はフィールドで定義されたパディングを無視します -- padding-right-- これは、入力フィールドにオーバーレイした「X」アイコンの上にテキストが入力されないようにするためのものです。padding-rightIE10 は入力の を疑似要素に内部的に適用しており、疑似要素を非表示にしても値が に::--ms-clear復元されないと推測しています。padding-rightinput

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

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

Answer 3

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

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

以下を使用するだけで、より具体的でなくなることさえあります。

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

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

Answer 4

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

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

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

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