我們在開發網頁的時候,通常都會加入一個“記住密碼”的功能來方便用戶的登錄,但是很多人會發現,在某些瀏覽器中,“記住密碼”后,輸入框會出現黃色填充,這讓頁面顯得不太美觀,那么我們應該怎樣去除這個黃色呢?
input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0px 9999px #ffffff; /* 去掉chrome瀏覽器的輸入框黃色背景 */ }
這里的代碼使用了CSS的偽類選擇器來選擇輸入框,并使用-webkit-autofill來去除黃色填充。同時,設置了輸入框的box-shadow屬性為白色,并將其設置為很大,從而完全覆蓋住黃色填充。
需要注意的是,這個代碼只能在Chrome瀏覽器中起作用,如果你需要去除其他瀏覽器中的黃色填充,需要使用其他的選擇器和屬性。
上一篇vue無限更新循環
下一篇docker在線測試工具