技術標籤：csscsscss3

CSS_系統input自動填充樣式重置

• • • 總結

一些系統首頁有登入框，有時候會看到一些瀏覽器預製的底色，這些底色就不在產品需求之內，所以需要去掉。
比如下面這個：

話不多說，直接上css程式碼，放在commen.css之類的樣式表裡即可生效。

/*系統input自動填充樣式重置*/
input:-internal-autofill-selected {
  background-color: white !important;
  background-image: none !important;
  color: rgb(0, 0, 0) !important;
  box-shadow: inset 0 0 0 1000px white !important;
}
input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px white inset !important;
}
input:-webkit-autofill:focus {
  box-shadow: 0 0 0px 1000px white inset !important;
}
 

效果圖：

總結

注意測試不同瀏覽器