一部の入力でIE10の[フィールドをクリア] Xボタンを削除しますか?

この記事の翻訳元:特定の入力でIE10の「フィールドをクリア」するXボタンを削除しますか?

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

それを行うことができますか、そうであれば、どのように行うことができますか?それを行うことはできますか


#1階

参照:https : //stackoom.com/question/wm1v/ IEを削除-一部の入力でフィールドXのボタンをクリア


#2F

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

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

#3階

私は、SETで私を発見したために良いのだwidthheightする0px 私は最高の意志たwidthheightのセット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-clearhttp://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」イベントを処理し、バッキングストアをクリアすることです。

公開された0件の元の記事 賞賛された8件 30,000回以上の閲覧

おすすめ

転載: blog.csdn.net/asdfgh0077/article/details/105468913