Il segno di spunta Ascii è sempre rosso nel cellulare

Question

Uso ✔ alias ✔ in un'app web multipiattaforma.

Il problema è che ho bisogno che sia bianco.

Questo funziona come previsto impostando color:#fff; nel css dell'elemento in tutte le piattaforme testate eccetto tramite un dispositivo mobile Android - Ho provato Chrome e il browser predefinito "Internet".

Nulla che provi sembra cambiare il colore, e anche quando ho un altro testo nell'elemento, l'altro testo è bianco e il segno di spunta è rosso.

this fiddle riproduce il problema, così come la visualizzazione di questa pagina sul mio telefono.

Il dispositivo è un Samsung Galaxy S6 SM-G920I Android 5.1.1

Answer 1

Si potrebbe dare le icone di controllo spanid 's e quindi utilizzare l'attributo !important per forzare il span' s colore. Se ciò non funziona, puoi saltare completamente il problema e utilizzare un'icona da Font Awesome.

Ecco un violino spiegare cosa voglio dire:

JSFiddle

Answer 2

@Mr Lister è corretto e il problema è che Chrome 58 sul Samsung Galaxy S6 Android 5.1.1 (e probabilmente pochi altri) rende questo carattere unicode come un'emoji che non può quindi essere abbinato a CSS.

Ho avuto lo stesso problema e ho riscontrato che il segno di spunta U + 2713 viene visualizzato come carattere di testo su questa versione di Chrome, quindi può essere ridisegnato.

Answer 3

Il segno di spunta pesante viene visualizzato diverso per ogni piattaforma. Vedi https://emojipedia.org/heavy-check-mark.