Цвет фона в Mobile Chrome и WebView не отображается должным образом

Question

У меня есть планшет Android ( Lenovo Tab 4 10 Plus (TB-X704L)), на котором установлен Chrome 72, и приложение WebView, в котором используется последняя версия Chromium.

Как в браузере Chrome, так и в приложении WebView фоновые linear-gradient цвета странно перепутаны.

Это то, что выглядит на любом другом устройстве, включая Chrome 72 на рабочем столе.

А вот как это выглядит на планшете

Как показано, первая кнопка почему-то принимает цвета второй кнопки.

Аналогично, на настольном компьютере и других планшетах:

по сравнению сна Lenovo 4:

Это CSS круглых кнопок (первая кнопка, например):

background: rgb(221, 221, 221) 
            linear-gradient(rgb(135, 138, 209), rgb(91, 94, 148)) 
            repeat scroll 0% 0% / 100% padding-box padding-box

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

Вещи, которые я пытался безрезультатно:

1. Проверены настройки цвета в Accessibility, чтобы увидеть, было ли включено что-то похожее на дальтоник.Это не было.
2. Перейдите к chrome://flags >> Force color profile и попробуйте все цветовые профили.
3. Изменение rgb(rrr,ggg,bbb) на шестнадцатеричные коды.
4. Сброс к заводским настройкам.

Есть идеи, что может вызвать эту странную проблему?

Спасибо!

Answer 1

Попробовав миллион разных вещей, наконец-то разобрался!

Изначально кнопки были созданы с использованием

background-image: linear-gradient(...)

Но когда я изменил их на

background: linear-gradient(...)

все магически воспроизводилось правильно.

Мне действительно любопытно узнать, что могло вызвать это.

Answer 2

Может быть, это вам поможет: я читал на другом форуме, что изменение rgb(rrr,ggg,bbb) на rgba(rrr,ggg,bbb) добилось цели.