:autofill クラス
:autofill クラスは、autocomplete 属性などによって自動補完されると、スタイルを反映する擬似クラスです。
autocomplete 属性をもつ、<input> エレメントといった <form> 部品が対象です。
autocomplete 属性は、過去の入力履歴から入力候補が表示される機能です。
input:autofill{ background-color: #FD353533; border: 5px dotted blue; } input:-webkit-autofill{ background-color: #FD353533; border: 5px dotted blue; }
詳しくは Example を参照してください
互換性を保つために :-webkit-autofill の疑似クラスも必要なようです。
ページ内 Index
構文(Syntax)
CSS
HTMLElement:autofill {
style_propaty: value;
...
}
DOM ( JavaScript )
疑似クラスはDOM ( JavaScript )から操作できません。
スタイルのみの操作は擬似クラスを利用したほうが簡易です。
Example
:autofillの例です。
互換性を保つために:-webkit-autofillの疑似クラスも必要なようです。
このプロパティは FireFox では機能しないようです。