ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS を使用して IE10 入力フィールドのクリア ボタンを削除するにはどうすればよいですか?

CSS を使用して IE10 入力フィールドのクリア ボタンを削除するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-12-24 22:52:11
オリジナル
989 人が閲覧しました

How Can I Remove the IE10 Input Field Clear Button Using CSS?

特定の入力に対する IE10 の「フィールドのクリア」X ボタンの削除

IE10 では、特定の入力フィールドの横に小さな X ボタンが表示され、クリアされますそれらの内容。これは便利な機能ですが、場合によっては不要な場合や、フォーム内の既存の [クリア] ボタンと競合する場合があります。したがって、特定の入力フィールドに対してこのボタンを無効にするか削除することが望ましい場合があります。

X ボタンを無効にする

特定の入力フィールドに対して X ボタンを削除するには、次のように、::-ms-clear 疑似要素を対象とした CSS を使用できます:

.someinput::-ms-clear {
    display: none;
}
ログイン後にコピー

これにより、 someinput クラスの入力フィールドの X ボタン。クラス セレクターを変更して、ボタンを削除する特定の入力フィールドをターゲットにすることができます。 display: none プロパティは、X ボタンの可視性を非表示に設定し、実質的に UI から削除します。

以上がCSS を使用して IE10 入力フィールドのクリア ボタンを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート