解決chrome瀏覽器中input背景透明問題
發(fā)布時間：2015-03-18 10:02:16 作者：佚名 
我要評論
我要評論本文給大家分享的是chrome瀏覽器中hack解決input:-webkit-autofill自定義樣式的方法，就是如何在chrome瀏覽器中將input的背景設(shè)置成透明，方法非常簡單，這里推薦給大家。
在使用chrome瀏覽器設(shè)計網(wǎng)頁時，想將input背景改成透明，也就是
復(fù)制代碼
代碼如下:background-color:transparent;
可是效果并不如人意
hack方法：
復(fù)制代碼
代碼如下:input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill{
-webkit-box-shadow: 0 0 0 1000px transparent inset;
}
1000px可以盡可能的小~~
以上就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
chrome、firefox、IE中input輸入光標(biāo)位置錯位解決方案
input輸入框用一個背景圖模擬，設(shè)置height和line-height一樣的高度，使里面的輸入文字能夠居中，經(jīng)測試chrome、firefox、IE中表現(xiàn)的情況有所不一，具體的解決方法如下，感2013-07-03chrome表單自動填充導(dǎo)致input文本框背景變成偏黃色問題解決
chrome表單自動填充后，input文本框的背景會變成偏黃色的，想必大家都會碰到這種情況吧，這是由于chrome會默認(rèn)給自動填充的input表單加上input:-webkit-autofill私有屬性造2013-08-21