【Chrome】オートコンプリートのとき、背景を黄色にしないようにする方法３つ

  • 投稿日
  • 著者 ituki
  • カテゴリー CSS
  • カテゴリー Program
Pocket
LINEで送る

Chromeでオートコンプリートのときに、標準では背景が黄色になります。
これをしない方法３つです。

CSSでの解決策

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px [背景にしたい色] inset;
}

HTMLでの解決策

<form autocomplete="off">
</form>
<input autocomplete="off">

jQueryでの解決策

if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) {
    $('input').attr('autocomplete', 'off');
}

[amazonjs asin=”4798125652″ locale=”JP” tmpl=”Small” title=”EC-CUBE公式完全ガイドver 2.12/2.11対応 ECサイト構築・カスタマイズ・運用のすべて”]

Chrome css オートコンプリート