IE10 のパスワードクリアテキスト表示とクイッククリア機能を無効にする方法

IE10 のパスワードクリアテキスト表示とクイッククリア機能を無効にする方法
IE10 では、<input> と <input type="password"> に対してそれぞれクイッククリア ボタン (X アイコン) とパスワード テキスト表示ボタン (小さな目のアイコン) が用意されています。

クイッククリアボタンは、すべて選択して削除するなどの一連の複雑なタッチ操作を置き換えることができ、パスワード表示ボタンはユーザーが入力内容を確認するのに役立ち、タッチタイピングの遅さとエラー率の高さの問題を補います。ただし、Web システムのセキュリティを考慮して、この機能、特にパスワードをプレーンテキストで表示する機能は無効にする必要があります。これは、ページ ビューと CSS スタイルを制御することで実現できます。

1. まず、Web ページの HTML ヘッダーに次のコードを追加して、IE ブラウザーが互換表示を使用しないようにします。

コードをコピー
コードは次のとおりです。

<meta http-equiv="X-UA-compatible" content="edge" />

2. CSS 仮想要素 (::-ms-clear、::-ms-reveal) を使用して、X アイコンと目のアイコンを無効にします。具体的なコードは次のとおりです。

コードをコピー
コードは次のとおりです。

入力::-ms-clear{表示:なし;}
入力[type="password"]::-ms-reveal{display:none;}

<<:  HTMLベースの複数画像アップロードのプレビュー機能を実装

>>:  MySQL タイムスタンプ比較クエリで遭遇する落とし穴と解決策

推薦する

フレームセットを使用してワイドスクリーンを中央に配置するためのヒントを共有する

コードをコピーコードは次のとおりです。 <フレームセット cols="*,1280,...

ウェブサイトのビジュアルデザイン(画像とテキスト)における情報伝達の役割と方法

現代の Web ビジュアル デザインは、初期の情報の積み重ねから、その後のグラフィックスと抽象化、そ...

Pycharmとsshリモートアクセスサーバーdockerの詳細なチュートリアル

背景: 一部の実験はサーバー上で完了する必要があります。したがって、リモート サーバー上のコードをロ...

MySQL ディープページング問題の解決の実践記録

目次序文ディープページングを制限すると遅くなるのはなぜですか?サブクエリによる最適化B+ツリー構造の...

HTML コードの書き方に関する提案のまとめ

リソースファイルのプロトコルを省略する画像、メディアファイル、スタイル、スクリプトの URL では、...

CSS 垂直センタリングの代替実装コードの詳細な説明(非従来型)

序文ご存知のとおり、「CSS で要素を垂直方向に中央揃えするにはどうすればよいか」という質問は、すで...

jQueryはクッキーを操作する

コードをコピーコードは次のとおりです。 jQuery.cookie = 関数(名前、値、オプション)...

JavaScript で知らない Object.entries の使い方

目次序文1. 共通オブジェクトを反復処理するには for...of を使用します2. 通常のオブジェ...

doctype のマークアップ検証

しかし最近、この方法を使用すると問題が発生することがわかりました。コードを参照してください。コードを...

VMware Workstation 15 Pro に Ubuntu 1804 をインストールするチュートリアル (画像とテキスト付き)

このメモはインストール チュートリアルです。実用的な意味はありません。記録のためだけに書いています。...

Centos6.5 でのスーパーバイザーのアップグレード、インストール、および構成に関するチュートリアル

スーパーバイザー紹介Supervisor は、Python で開発されたクライアント/サーバー サー...

CSS コンテナ背景 10 色グラデーション デモ (linear-gradient())

文法 背景: linear-gradient(direction,color-stop1,color...

ins タグと del タグの属性と使用法

insとdel は、HTML 4.0 で導入され、文書の作成時に作成者が共同作業できるようにし、また...

MySQL MVCCメカニズム原理の詳細な説明

目次MVCCとはMySQL ロックとトランザクション分離レベルMySQL 元に戻すログMVCCの実装...