2013-08-16 24 views
8

Dlaczego przeglądarki zmieniają kolor tekstu podczas drukowania?Nieprawidłowe kolory tekstu podczas drukowania strony HTML

Na przykład utworzyć pusty dokument HTML zawierający:

<span style="color: #80b831">test</span> 
<button onclick="window.print()">Print</button> 

przykład tutaj: http://jsfiddle.net/7z6c2/

span ma color: #80b831 na ekranie, ale po wydrukowaniu (nawet tylko podgląd wydruku w Chrome) kolor jest inny (limonkowo zielonkawy).

ScreenshotsfromPDFCreator

Jeśli kleszczy Chrome „kolory i obrazy tła” opcja w podglądzie wydruku, jest następnie używany prawidłowy kolor.

Co się tutaj dzieje? Jak mogę domyślnie uzyskać odpowiedni kolor? Czy ma to coś wspólnego z kolorami "bezpiecznymi w Internecie"?

+1

to działało dobrze dla mnie. Czy sprawdziłeś wkłady atramentowe? – andrew

+1

Kolor jest nieprawidłowy, nawet na podglądzie wydruku –

+0

Proszę podać wystarczającą ilość kodu, aby odtworzyć problem w samym pytaniu, a nie tylko w skrzypcach. – Flexo

Odpowiedz

8

Sprawdź to Fiddle

Musisz użyć -webkit-print-color-adjust na elemencie, który masz zamiar wydrukować

również sprawdzić tutaj, aby dowiedzieć się więcej o kolor druku dostosować https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-print-color-adjust

+5

To nie dość wyjaśnia, dlaczego kolor jest wyłączony, jeśli nie używasz tej opcji. To nie jest kolor tła. – JJJ

+0

Problem zmiany koloru pojawia się tylko wtedy, gdy próbujesz drukować tylko za pomocą chrome .. bez zmiany koloru druku spróbuj wydrukować swoją stronę za pomocą firefox, wtedy możesz zobaczyć jej działanie .. –

+3

To nadal nie wyjaśnia, dlaczego Chrome to robi. – JJJ

0

Trochę stary temat, ale nadal może to być konieczne w przypadku bezpiecznych kolorów internetowych. Oto list z nich, ale nie przetestuj go, jeśli wystąpi jakakolwiek różnica z powodu braku drukarki.

Powiązane problemy