Bootstrap 4 Input Controls - Изменить цвет фона автозаполнения для выбранных элементов?

Question

Я действительно застрял в поиске, где я могу переопределить загрузочный элемент управления для автозаполнения цвета фона элемента управления формой на что-то, кроме белого, поскольку это не выглядит хорошо для моей темной темы.

Управление вводом - Цвет фона становится белым после ввода значения ввода с помощью автозаполнения:

Это не хорошо, требуется серый цвет

Я также получал аналогичное поведение для выбора (раскрывающегося списка), после выбора элемента из списка фон становился белым, как вы видите на изображении ниже:

Я нашел раствор для выпадающего списка выбора, который должен переопределить Bootstrap с помощью пользовательского CSS, см. Ниже:

select.form-control:focus::-ms-value {
color: #ffffff; /* Set text to white for selected item */
background-color: transparent; /* remove background color for selected item*/
}

Однако я все еще ищу решение по изменению цвета фона по умолчанию для автозаполнения с белого на серый цвет моей темы, thx

Answer 1

Тестирование в Chrome. Это правило, применяемое к вводу текста при автозаполнении:

input:-internal-autofill-selected {
    background-color: rgb(232, 240, 254) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}

Вы можете попробовать изменить его на свои собственные стили и посмотреть, работает ли оно.