この記事の翻訳元:特定の入力でIE10の「フィールドをクリア」するXボタンを削除しますか?
確かに便利な機能ですが、無効にする方法はありますか? これは便利な機能ですが、無効にする方法はありますか? たとえば、フォームが単一のテキストフィールドで、その横に「クリア」ボタンがすでにある場合、Xも不要です。この状況で は、フォームを削除することをお勧めします。たとえば、フォームが単一のテキストフィールドの場合そして、その隣にすでに「クリア」ボタンがあり、次に追加のXがあります。この場合、それを削除する方が良いでしょう。
それを行うことができますか、そうであれば、どのように行うことができますか?それを行うことはできますか ?
#1階
参照:https : //stackoom.com/question/wm1v/ IEを削除-一部の入力でフィールドXのボタンをクリア
#2F
ボックスの::-ms-clear
疑似要素の スタイルを設定する:ボックスの疑似要素のスタイルを設定します。::-ms-clear
.someinput::-ms-clear {
display: none;
}
#3階
私は、SETで私を発見したために良いのだwidth
とheight
する0px
。 私は最高の意志たwidth
とheight
のセット0px
。 -それ以外の場合は、IE10はザ・フィールド、ONで定義されたパディングでオプションを無視しますpadding-right
-に保つためにあった私は、フィールドでの入力をオーバーレイすることを「X-」アイコンからタイピングテキストでオーバー意図し、ON。 そうでなければ、IE10は無視して上で定義されたフィールドを記入します- padding-right
-これは、入力フィールドにオーバーレイした「X」アイコンにテキストが入力されないようにするためです。 IE10 IS'm推測内部で適用するIということpadding-right
でATにINPUTの::--ms-clear
擬似要素、および擬似要素非表示ではでは復元されませんpadding-right
でした値input
。 私は、入力内のIE10の推測padding-right
に使用される::--ms-clear
擬似要素と擬似要素非表示にしませんpadding-right
に値をバックinput
。
これは私にとってうまくいきました:これは私にとってうまくいきました :
.someinput::-ms-clear {
width : 0;
height: 0;
}
#4F
このルールをテキストタイプのすべての入力フィールドに適用するので、後で複製する必要はありません。このルールをテキストタイプのすべての入力フィールドに適用するので、 後でコピーする必要はありません。
input[type=text]::-ms-clear { display: none; }
以下を使用 することで、特異性を減らすこともできます。
::-ms-clear { display: none; }
私はこの回答を追加する前でも 後者を使用しました が、ほとんどの人はそれよりも具体的である方が好きだと思いました。この回答を追加する前に後者を使用しましたが、ほとんどの人はこれよりも具体的にしたいと考えています。どちらのソリューションも問題なく動作します 。
#5F
スタイルを設定::-ms-clear
する必要があります(http://msdn.microsoft.com/en-us/library/windows/apps/hh465740.aspx):スタイルを設定する必要があります::-ms-clear
(http://msdn.microsoft.com/en-us/library /windows/apps/hh465740.aspx):
::-ms-clear {
display: none;
}
また::-ms-reveal
、パスワードフィールドの疑似要素のスタイル も設定します。パスワードフィールドの疑似要素のスタイルも設定します。::-ms-reveal
::-ms-reveal {
display: none;
}
#6階
ページが互換モードで実行されている場合、すべてのスタイルおよびCSSベースのソリューションが機能しないことは注目に値します。ページが互換モード で 実行されている場合、スタイルとCSSに基づくすべてのソリューションは注目に値します何も機能しません。互換モードレンダラーは、 ブラウザーにxが表示されていても::-ms-clear要素を無視します。ブラウザーにxが表示されていても、互換モードレンダラーは::-ms-clear要素を無視します。
ページを互換モードで実行する必要がある場合 は、Xが表示されたままになる可能性があります。ページを互換モードで実行する必要がある場合は、Xディスプレイが表示される可能性があります。
私の場合、サードパーティのデータバインドされたコントロールを使用しており、ソリューションは「onchange」イベントを処理し、フィールドがxボタンでクリアされた場合にバッキングストアをクリアすることでした。 私の場合、一部のサードパーティのデータバインドコントロールでは、xボタンを使用してフィールドをクリアする場合、ソリューションは「onchange」イベントを処理し、バッキングストアをクリアすることです。