Css для элемента span работает на настольных компьютерах, но не на мобильных устройствах. Элемент добавляется с помощью ⇐ Jquery

[Anonymous]

Почти так, как указано в вопросе.

Я могу размещать html/скрипты только в ограниченных местах (у меня нет доступа к непосредственному html или исходным файлам), поэтому добавляю короткий скрипт для добавления оценок.

Он предназначен для отображения 3 перцев перца чили, и в зависимости от рейтинга они все будут красными, некоторые красными, некоторые белыми. Он прекрасно работает в версиях для настольных компьютеров, но для мобильных устройств все значки отображаются красными и не воспринимаются чили-белые CSS. У кого-нибудь есть идеи, почему?

var SpyRating3 = "🌶 🌶 🌶"; var SpyRating2 = "🌶 🌶🌶"; var SpyRating1 = "🌶🌶 🌶"; $(".rating-3").append(spicyRating3); $(".rating-2").append(spicyRating2); $(".rating-1").append(spicyRating1); body { цвет фона: светло-голубой; } .повестка дня .чилли-красный { цвет: #ff0000; } .повестка дня .чилли-белый { цвет: #fff;





Рабочий стол (как он должен выглядеть)



Мобильный вариант (должен отображаться только один перец чили, но все красные/не работают)