フォームのテキストボックスが設定した覚えがないのに背景黄色になっている場合

背景が黄色になる条件

テキストボックスが「オートコンプリート」機能を使って入力されている場合。

仕様

chromeが持っている独自スタイル「user agent stylesheet」により背景黄色で表示されている。

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  background-color: rgb(250, 255, 189);
  background-image: none;
  color: rgb(0, 0, 0);
}

回避方法

背景色に指定→×
シャドウで設定→○
とのこと

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

• http://blog.shg25.com/?p=99

参考

• オートコンプリートについて(http://qa.nifty.com/cs/catalog/faq_nqa/qid_13803/1.htm?classification=500007)