建議input內不要用圖片背景,如果實在有圖片,就在外層套個div,把圖片背景放到外層去,黃色背景的出現是谷歌瀏覽器自帶的,給input添加了一個樣式:
input : -webkit-autofill {background-color : #FAFFBD ;background-image : none ;color : #000 ;}然后我們的目的就是去掉這個顯示的底色,增加如下樣式:
//清除Chrome下黃色背景輸入框input:-webkit-autofill {-webkit-box-shadow : 0 0 0px 1000px #dddddd inset ; //如果你的圖片都背景顏色,這里修改的顏色和背景顏色一致即可,我選的是#dddddd}
這里我之前直接復制別人的過來,怎么調都沒反應,后來才發現input : -webkit-autofill 這個兩個單詞的冒號前后多了兩個空格?。?!
新聞熱點
疑難解答