基本上，我有一個帶有兩個輸入的表單，登錄名和密碼，為了進行測試，我使用了Google Chrome和Mozilla。

這是我面臨的問題: 輸入故障

當瀏覽器自動填充我的憑據時，我的css被瀏覽器替換。

為了解決這個問題，我搜索并找到了一個很好的解決方案:

input:-webkit-autofill {
  -webkit-text-fill-color: black;
  -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0) inset;
  transition: background-color 3600s ease-in-out 3600s; 
}

對我來說，這個解決方案還可以，但是我想知道是否有人遇到過這個問題，并且知道如何用一種我甚至不需要的方式來解決它& quot擔心& quot有了這種轉變，你知道，任何我真的不需要的解決方案都有這種轉變，或者比這更好的任何其他解決方案。

Obs:雖然我不介意瀏覽器自動填充輸入，但我甚至嘗試過自動完成= & quot關閉& quot但即使這樣也沒有解決問題，因為瀏覽器一直在填充它，如果有人能幫助我，我會很感激。

我認為下面的答案適合你

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid green;
  -webkit-text-fill-color: green;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

如果你不滿意，請告訴我。