Мое приложение использует черный фон, и я пытаюсь сделать фон своих входов также черным. Проблема, с которой я столкнулся, заключалась в том, что chrome добавляет этот синий фон и черный цвет текста к автозаполненным входам. Вот решение, которое я нашел:
.input, .input:-webkit-autofill, .input:-webkit-autofill:hover {
box-shadow:
inset 0 -3px 0 0 rgba(255, 255, 255, 0.2), /* My custom shadow */
inset 0 0 0 5rem black!important; /* Cancelling autocomplete background */
color: white;
}
Это работает, но есть проблема: вместо использования обычного свойства color chrome фактически добавляет -webkit-text-fill-color: black. Проблема в том, что я не могу отменить это. Я уже пробовал -webkit-text-fill-color: unset!important и -webkit-text-fill-color: initial!important. Оба отображаются в окне инструментов разработчика "Computed styles", но примененный цвет остается черным.
Я также попытался установить -webkit-text-fill-color: white. Это работает, но в этом случае белый цвет применяется к любому тексту в <input>, включая заполнители, которые должны быть серыми, а не белыми. Я также не могу изменить цвет заполнителя, используя псевдоселектор :placeholder. Есть ли какое-то решение для этого?