Почему на телефоне цвет не применяется?

Question

[ArutaGerman]

Использую вставку крестика из таблицы символов HTML - ✖
Задаю ему цвет - на ПК всё отлично во всех браузерах. Красится в любой в какой хочу, но на телефонах, не хочет красить - в любом браузере.

Почему так? Как это исправить?

<div id="btn_delete" class="btn__delete">&#10006;</div>

font-size: 2rem;
    text-align: center;
    color: #ff0000;
    cursor: pointer;

Comments

[Rustam Bainazarov]

Ссылку на пример проблемы?

В каких браузерах проблема?

[ArutaGerman]

Рустам Байназаров, во всех.
deliveryapp.vhost78896.cpsite.ru/routelist.html

[Rustam Bainazarov]

ArutaGerman, если речь о красном крестика, то вот:

[Rustam Bainazarov]

ArutaGerman, поэтому напишите конкретно в каких наблюдается проблема.

[Rustam Bainazarov]

ArutaGerman, а вообще, ответ очевиден. Вы использовали эмодзи ✖. Эмодзи не красятся.

[ArutaGerman]

хм... Смотрели на Galaxy a5 и a6, на HTC смотрели и в разных браузерах - везде черный. только на пк красный

[Rustam Bainazarov]

ArutaGerman, потому что там шрифт с эмозди такой, что ваш этот символ там черный...

Читайте ответ. И не используйте эмодзи, если вы точно не знаете, как он будет выглядеть.

[ArutaGerman]

Рустам Байназаров, спасибо. Первый раз решил использовать, чтобы не использовать библиотеку и вот те на:)

[Rustam Bainazarov]

ArutaGerman, вот вам ещё для веселья:
https://emojipedia.org/heavy-multiplication-x/

Посмотрите, сколько вариантов у этого знака :))

Answer 1

[Rustam Bainazarov]

В качестве крестика вы использовали эмодзи ✖. Эмодзи не красятся, если в системе есть цветной шрифт для них. В iOS данный эмодзи имеет черный цвет. Ссылка на описание.



Замените на нормальный знак × — и все будет работать: