我為表單定制了樣式，并添加了這樣的樣式來應用于自動填充的文本。

但在我的網站上，我有能力改變主題從黑暗到光明，我需要為這個自動填充文本應用平滑過渡。

有什么辦法嗎？

下面是自動填充文本的CSS:

.light-theme {
    --text-color: black;
}

.dark-theme {
    --text-color: white;
}

.field:-webkit-autofill,
.field:-webkit-autofill:hover,
.field:-webkit-autofill:focus,
.field:-webkit-autofill:active {
    color: var(--text-color);
    -webkit-text-fill-color: var(--text-color);
    -webkit-background-clip: text;
    background-clip: text;
    box-shadow: none !important;
    caret-color: var(--text-color);
}

我試圖以常規方式添加過渡，但不起作用:

.field {
    transition: color .5s linear;
}