自動填充時，我的輸入元素具有我想要更改的瀏覽器默認樣式。但是，瀏覽器樣式都使用了!important，我似乎無法覆寫它們，即使使用更具體的選擇器也使用!important. 我認為導致問題的確切樣式是這些樣式：
來自開發工具的樣式截圖
有沒有辦法用 CSS 或 JavaScript覆寫它們？我確定我以前見過帶有自定義自動填充樣式的輸入元素。如果這很重要——即使我希望覆寫在所有瀏覽器中都能正常作業——我目前使用的是在 Chromium 上運行的 Brave，所以選擇器等應該與 Chrome 相同。
uj5u.com熱心網友回復：
你不需要 Javascript 來解決這個問題，根據經驗，你應該使用盡可能少的 JS 來操作你的 CSS，
您可以使用-webkit-autofill偽選擇器來定位這些欄位并根據需要設定它們的樣式。默認樣式僅影響背景顏色，但大多數其他屬性適用于此，例如邊框和font-size. 您甚至可以使用 更改文本的顏色-webkit-text-fill-colour，它包含在下面的代碼段中。
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;
}
** 請注意，此代碼段只是我方便使用的一個示例；您可以通過多種方式使用它！**
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/426618.html
標籤：javascript html css 形式
上一篇：如何為獲取請求回傳bmp格式？