web-dev-qa-db-ja.com

firefoxの-webkit-print-color-adjustとIE

背景色の印刷に問題がありました。

print-color-adjustは、背景色の問題をクロムで解決しました。

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

Firefoxのalternate CSSおよびIEについて).

20
Shan Khan

前述のように、_-webkit-print-color-adjust: exact_は、GoogleのChrome=およびAppleのSafariを含むWebKitブラウザーに固有です。したがって、コードはこれらの前述のブラウザーで適切に動作し、おそらく結果が少し異なります(サイト/アプリのスタイリング)。

このスニペットを標準化して、ブラウザだけでなくさまざまなデバイスでも普遍的に機能する提案がありました。コードは_color-adjust_に簡略化されています。 _webkit-print-color-adjust_プロパティと同様に、提案されたプロパティ_economy | exact_の有効な値は同じです。

プロパティを印刷に使用する場合は、_@media print_クエリ内のセレクター内で使用するだけです。

ドラフトされたプロパティのブラウザーでの広範な採用を保証することはできませんが、現在、FireFoxの最新バージョンに取り組んでいます。

[ソース]

19
AUllah1

Chrome And Firefoxの背景色を印刷するための代替CSSがあります。

td { 
 -webkit-print-color-adjust: exact;//:For Chrome
  color-adjust: exact;//:For Firefox
}
13
Jomal Johny

これはFirefox(少なくともバージョン48.0.2)で「color-adjust」プロパティを使用して機能し始めています。

td { 
  background: #000 !important;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
8
PranavPinarayi