chromeでデフォルトで反応するテキスト入力フォームの黄色い背景色を変更する

harada 932views 更新:2015年4月1日

CSSで下記のように指定することで、chromeでオートコンプリート後に表示される背景色を変更できます。

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

white部分を変更することで好きな色に変更できます。

さらにテキストの色も変更したい場合は下記を変更すればいいようです。

-webkit-text-fill-color: yellow !important;

参考:Removing input background colour for Chrome autocomplete?

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません