質問: ``` -webkit-transition: background-color 9999s; transition: background-color 9999s; ``` このコードの意味を教えてください(>*_<) 1行目はbackgroundcolorにアニメーションを適用させてる?んですか 9999sは9999秒?ですか(>_*<) 全体的によく意味がわからないです... 追記 回答ありがとうございます(>_<) でもこれ、background-colorを何色にするか書いてなくてモヤモヤします 一応このコードを使って見たら白になったんですけど あとこれって、一行目のコードだけ、あるいは二行目のコードだけで足りることを二通りの書き方で書いているのですか 追記2 "時間として指定される最初の値はtransition-durationに割り当てられ、" "transition-durationプロパティは、変化に掛かる時間を指定する際に使用します。 " であるならば、backgroundcolorが適用されるまでにかかる時間を指定しているのですかね このコードはinput type="text"の色がchromeでデフォルトで黄色になるのを回避するためのコードなのですが、99999後に黄色がかかるようにすることで黄色になるのを回避して白にしているということなのでしょうか
回答: > > このコードはinput type="text"の色がchromeでデフォルトで黄色になるのを回避するためのコードなのですが、9999秒後に黄色がかかるようにすることで黄色になるのを回避して白にしているということなのでしょうか > > > まさしくそういうことです。Chromeではブラウザ内部で持っているスタイルシートが優先されて、autofillで黄色にされてしまうのが単なるCSSの上書き定義では避けられないため、`transition: background-color 9999s;`とすることで、色が変わるのが気が付かないくらいに、黄色になるまですごく時間がかかるように仕向ける、というハックになっているようです。