ホームページ  >  記事  >  ウェブフロントエンド  >  IE10+入力Xテキストボックスの×印とパスワード入力ボックスの目のアイコンを消す方法

IE10+入力Xテキストボックスの×印とパスワード入力ボックスの目のアイコンを消す方法

高洛峰
高洛峰オリジナル
2017-01-10 09:33:261320ブラウズ

IE 10 以降では、type="text" を使用した入力では、ユーザーがコンテンツを入力した後に小さな十字 (X) が自動的に生成されるため、ユーザーはクリックして入力したテキストをクリアするのが便利になります。

type="password"で入力した場合、右側に小さな目のアイコンが表示され、入力内容が表示されます。

それは良いことですが、この関数が js で制御されている場合など、場合によっては不要になることがあります。

次のCSSコードを使用する限り、IEブラウザに付属のテキスト削除ボタンとパスワード表示ボタンを簡単に非表示にすることができます。

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

その中で::-ms-clear はテキストクリアボタンで、input の右側にある十字です。::-ms-reveal はパスワード表示ボタンで、右側の小さな目ですパスワードボックスの側面。

もちろん、いずれかを個別にクリアすることもできます。これはあなたの自由です。

上記は、IE10+入力のバツをクリアする方法を編集者が紹介したものです。すぐに全員に返信してください。また、PHP 中国語 Web サイトをサポートしていただきありがとうございます。

IE10+ 入力 X テキスト ボックスのバツ印とパスワード入力ボックスの目のアイコンをクリアする方法に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。