解決chrome瀏覽器中input背景透明問題
發(fā)布時(shí)間:2015-03-18 10:02:16 作者:佚名
我要評(píng)論

本文給大家分享的是chrome瀏覽器中hack解決input:-webkit-autofill自定義樣式的方法,就是如何在chrome瀏覽器中將input的背景設(shè)置成透明,方法非常簡(jiǎn)單,這里推薦給大家。
在使用chrome瀏覽器設(shè)計(jì)網(wǎng)頁時(shí),想將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可以盡可能的小~~
以上就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
相關(guān)文章
chrome、firefox、IE中input輸入光標(biāo)位置錯(cuò)位解決方案
input輸入框用一個(gè)背景圖模擬,設(shè)置height和line-height一樣的高度,使里面的輸入文字能夠居中,經(jīng)測(cè)試chrome、firefox、IE中表現(xiàn)的情況有所不一,具體的解決方法如下,感2013-07-03chrome表單自動(dòng)填充導(dǎo)致input文本框背景變成偏黃色問題解決
chrome表單自動(dòng)填充后,input文本框的背景會(huì)變成偏黃色的,想必大家都會(huì)碰到這種情況吧,這是由于chrome會(huì)默認(rèn)給自動(dòng)填充的input表單加上input:-webkit-autofill私有屬性造2013-08-21