Это похоже на то, что начало происходить с версией 83 Chrome.
В этом JSFiddle фон выбора должен исчезнуть с красного на белый при первой загрузке страницы. Однако по какой-то причине я обнаружил, что это работает только тогда, когда свойство границы переопределено (раскомментируйте эту строку в CSS, чтобы увидеть это в действии).
https://jsfiddle.net/nqfdx9ug/
HTML:
<select class="highlight-and-fade">
<option>---Select---</option>
<option>hi</option>
<option>hello</option>
</select>
CSS:
select {
width: 120px;
/* Uncomment below to fix the animation */
/* border: 1px solid black; */
}
.highlight-and-fade {
animation: highlightAndFade 3s linear;
}
@keyframes highlightAndFade {
0% {
background-color: red;
}
100% {
background-color: white;
}
}
Кто-нибудь знает, что изменилось и почему, или есть ли менее хакерский обходной путь? Firefox не имеет этой проблемы для меня, как и Chrome версия 81. Спасибо!