ホームページ >ウェブフロントエンド >jsチュートリアル >ブラウザがパスワードを記憶した後に入力の背景が黄色になる場合の対処方法

ブラウザがパスワードを記憶した後に入力の背景が黄色になる場合の対処方法

小云云
小云云オリジナル
2017-12-18 14:08:122952ブラウズ

この記事では、Chrome ブラウザを使用して、覚えておくべきパスワードを持つアカウントを選択するという小さな機能を紹介したいと思います。一部のデザインの入力ボックスには背景が透明です。黄色の背景を削除する必要があります。 Chrome ブラウザがパスワードを記憶した後に入力の背景が黄色になる場合の対処方法を紹介します。お役に立てれば幸いです。

Chrome ブラウザを使用して、パスワードを記憶するアカウントを選択すると、入力ボックスに黄色の背景が自動的に追加されます。一部のデザイン入力ボックスには背景が透明なので、この黄色の背景を削除する必要があります。

方法 1: シャドウ オーバーレイ

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
これはカラー オーバーレイであるため、不透明な単色の背景にのみ有効です

方法 2: Chrome ブラウザーがレンダリングする時間を変更します。黄色の背景

:-webkit-autofill {
 -webkit-text-fill-color: #fff !important;
 transition: background-color 5000s ease-in-out 0s;
}
完璧な解決策

どうですか、皆さんは学びましたか?急いで試してみてください。

関連する推奨事項:

HTMLで入力入力形式を制御する方法の例


入力ボックスの入力値を浮動小数点に制限するJSメソッド

JavaScript入力入力ボックスのファジープロンプト関数の詳細説明

以上がブラウザがパスワードを記憶した後に入力の背景が黄色になる場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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