Les icônes dans le CSS d'impression ne conservent pas leur couleur

Question

J'ai un fichier basé sur bootstrap qui contient quelques CSS spécifiques à l'impression, mais aucun qui affecte les icônes de glyphes. J'ai des icônes qui doivent rester colorées à l'impression, mais elles apparaissent en noir et blanc.

J'ai essayé d'utiliser ce qui suit pour éviter cela, mais cela ne fonctionne pas :

@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}

Toute aide sera très appréciée.

Answer 1

Dans Bootstrap media print, il y a la règle suivante :

@media print
*, :after, :before {....
    color: #000!important;
   ....
}

C'est la règle que vous devez écraser pour rendre le glyphe coloré.

Answer 2

Vérifiez ceci :

            @media print
        {
            .title_head
            {
                border: 1px solid black;
                background-color: gray !important;
                -webkit-print-color-adjust: exact; 
            }
        }

Cela fonctionne pour moi