Magazine Gadgets

Comment teindre une icône-caractère Unicode multicolore ? Existe-t-il un hack CSS et/ou JavaScript ? – JavaScript – Forums SitePoint

Publié le 20 novembre 2023 par Mycamer

plierqh1

20 novembre 2023, 1h05


1

Veuillez considérer ce caractère-icône Unicode :

<span>📱</span>

Comme on peut le voir, c’est multicolore codé en dur.

Je peux faire en sorte qu’il soit gris par teinte, mais pas par couleur, de cette façon :

<!DOCTYPE html>
<html>
    <body>
        <span style="filter: grayscale(100%);">📱</span>
    </body>
</html>

Je veux le rendre simplement monochrome (bleu), mais le code suivant ne fonctionne pas car l’icône du personnage est multicolore codé en dur.

<!DOCTYPE html>
<html>
    <body>
        <span style="color: blue;">📱</span>
    </body>
</html>

Existe-t-il du CSS et/ou du JavaScript pirater utiliser ici pour que le caractère icône soit simplement bleu ?


kické

20 novembre 2023, 01h19


2

Vous devez probablement garder à l’esprit que ces caractères Unicode ne s’affichent pas de la même manière sur tous les systèmes. Jetez un oeil à page d’affichage des symboles pour ce personnage.

Si vous souhaitez un rendu cohérent, vous devez utiliser une image et non un caractère Unicode.


plierqh1

20 novembre 2023, 1h37


3

Dans ce cas d’utilisation spécifique, les variantes n’ont pas beaucoup d’importance pour moi, seule la couleur compte.

to www.sitepoint.com


Abonnez-vous à notre page Facebook: https://www.facebook.com/mycamer.net
Pour recevoir l’actualité sur vos téléphones à partir de l’application Telegram cliquez ici: https://t.me/+KMdLTc0qS6ZkMGI0
Nous ecrire par Whatsapp : Whatsapp +44 7476844931



Retour à La Une de Logo Paperblog

A propos de l’auteur


Mycamer Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Magazines