Цвет содержимого CSS не работает на принтере Firefox, когда мы нажимаем Ctrl + P - PullRequest
Новая
       8

Цвет содержимого CSS не работает на принтере Firefox, когда мы нажимаем Ctrl + P

0 голосов
/ 20 сентября 2018

В Firefox, когда я нажимаю Ctrl + p, чтобы напечатать содержимое Thumb значок в Red Color, Thumb значок напечатан в Black Color, не могли бы вы мне помочь? 

@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
}

.inner {
  position: relative;
  z-index: 2;
}

#wrap:after {
  content: "\f087";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 40px;
  color: #ff2d00;
  z-index: 1;
}
<HTML>

<head>
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <div id="wrap">
    <div class="inner">
    </div>
  </div>
</body>

</HTML>

Ответы [ 3 ]

0 голосов
/ 20 сентября 2018

У меня нет цветной печати для тестирования, но на основании спецификации.Можете ли вы попробовать перейти на этот

@media print { * { -webkit-print-color-adjust: exact; printer-colors: exact !important; color-adjust: exact !important; } }

Ссылка: https://wiki.csswg.org/ideas/print-backgrounds

Поддерживается: Chrome, Firefox, Safari

0 голосов
/ 26 сентября 2018

Спасибо всем, я нахожу его решение, на самом деле нам нужно настроить в «Установках страницы» Firefox просто галочку «Печать фона (цвета и изображения)», если мы не установили эти коды. 

@media print {
    * {
       -webkit-print-color-adjust: exact;
        printer-colors: exact !important;
        color-adjust: exact !important;
    }
}
0 голосов
/ 20 сентября 2018

Я думаю, вы должны отметить! Важно для каждого значения CSS.Пример: цвет: # ff2d00! Важный;Потому что мы беспокоимся о другом стиле, уже определяем его как начальную загрузку.

...