CSSでChromeのinput要素のオートフィル時に黄色い背景色になる問題を解決 | ITハット

すごい細かいことで、気づいていない方もいるかもしれませんが、僕は気になったので解決方法を紹介します。本当に細かい部分まで配慮できるWeb制作者こそ素晴らしいと思います。 Chromeにおける問題 こんな感じで <input> 要素を配置します。そして、ダブルクリックしてみると、黄色い背景色とともに候補が表示されます。ここに表示される候補は、他サイトで入力した際のものも表示されます。どのような場合に候補に表示されるかというと、name 属性が他サイトなどと同じだったら候補として表示されます。場合によっては、ダブルクリックしなくても初期状態で、<input> 要素に値が入力され、背景色が黄色になっていることもあります。 この黄色い背景色がダサいですよね。ページの配色とマッチしないときなどは最悪です。これをなくしていきたいと思います。 box-shadowで隠す input:-webkit-au

[Lhankor_Mhy]

よく考えるなあ......