Màu văn bản không chính xác khi in trang HTML

Question

Tại sao trình duyệt thay đổi màu của văn bản khi in?

Ví dụ, tạo một tài liệu HTML trống chứa:

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

Ví dụ ở đây: http://jsfiddle.net/7z6c2/

Các span có color: #80b831 trên màn hình, nhưng khi in ra (thậm chí chỉ cần in xem trước trong Chrome) màu là khác nhau (vôi xanh).

Nếu tôi đánh dấu vào Chrome "màu nền và hình ảnh" trong Print Preview, màu sắc đúng là sau đó được sử dụng.

Điều gì đang xảy ra ở đây? Làm thế nào tôi có thể nhận được màu sắc phù hợp để xuất hiện theo mặc định? Đây có phải là điều cần làm với màu "an toàn cho web" không?

Answer 1

Kiểm tra này Fiddle

Bạn phải sử dụng -webkit-in màu điều chỉnh trên phần tử mà bạn đang đi để in

Ngoài ra kiểm tra vào đây để biết thêm về màu sắc in điều chỉnh https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-print-color-adjust

Answer 2

Chủ đề cũ một chút nhưng vẫn có thể làm điều gì đó với màu sắc an toàn trên web. Đây là một số list, nhưng chưa kiểm tra nếu có sự khác biệt do thiếu máy in.