備忘録的プログラミングリファレンス

:autofill クラス

 :autofill クラスは、autocomplete 属性などによって自動補完されると、スタイルを反映する擬似クラスです。

 autocomplete 属性をもつ、<input> エレメントといった <form> 部品が対象です。

 autocomplete 属性は、過去の入力履歴から入力候補が表示される機能です。

:autofill クラス
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 では機能しないようです。