跳到主要內容

如何修改Chrome瀏覽器input表單會出現的淡黃底色的方法


用IE跟FF瀏覽器都沒這問題,只有 Chrome 瀏覽器才會出現這個靈異事件,好好一個表單欄位出現這個不協調的淡黃色底能看嗎?一定會被客戶打槍的(暈),
找遍了整個佈景的CSS設定就是沒有關於淡黃色的底的設定阿,見鬼了,還好上網查一下有好心的高人已經解決這問題了,只要在CSS樣式中加一段以下的CSS語法

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

淡黃色的底就消失了,這樣總算能跟客戶交差了,灑花喔!!






教學撰寫:徐嘉裕Neil hsu



留言