對于我們隨州做網站公司來說,設計網頁的過程中經常會遇到樣式調整的問題,比如今天就遇到了一個沒見過的問題,input標簽的在輸入數據時自動填充,背景會顯示黃顏色的問題,如下圖:為自動填充情況:
那么應該如何解決這個樣式的bug呢?下面給大家分享一下:
我們可以用autofill偽類來控制css
input:-webkit-autofill {
transition: background-color 5000s ease-in-out 0s;
}
對于字體顏色:用text-fill-color用來控制input自動填充的字體顏色。
input { -webkit-text-fill-color: #0c3ce9; //顏色是設置成你需要的顏色 }
經測試對于Google等較高版本瀏覽器都有效,趕緊試試吧~
TAG標簽: 標簽自動填充顏色