Цвет текста автозаполнения переопределяется, когда проверка правописания браузера активируется при вводе shadcn ⇐ CSS

[Anonymous]

Я использую компонент ввода shadcn, а также включил автозаполнение для полей ввода, но когда я выбираю из этих предложений, через несколько секунд после выбора из предложений и именно тогда, когда внизу появляются волнистые красные линии (те, что получены при проверке правописания), текст меняет цвет с указанного мной на черный.
Кроме того, я недавно добавил следующий код в globals.css моего проекта Next.js, чтобы решить проблему автоматического заполнения браузером белого цвета в моем элементы ввода, как только я выберу из предложенных автозаполнением:

Код: Выделить всё

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 1000px transparent inset ;
-webkit-text-fill-color: /*my color in rgb*/ ;
caret-color: /*my color in rgb*/;
transition: background-color 9999s ease-in-out 0s;
}

примечание: это происходит только при выборе текста с волнистыми красными линиями (т. е. с неправильным написанием или необычными словами)

Подробнее здесь: https://stackoverflow.com/questions/798 ... n-shadcn-i