javascriptの質問です

こちらの質問の続きです http://q.hatena.ne.jp/1378533097
回答者の方に http://jsfiddle.net/a_kuma3/k62Cu/embedded/result/ のページを作成していただいたのですが
答えに色を付ける を押して印刷したのですが 白黒で印刷されてしまいます
どうすれば色を付けれるでしょうか?
javascriptで色を付ける限り無理なのでしょうか?
こちらの環境は windows7 IE11です

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/11/23 16:53:01
  • 終了:2013/11/30 16:55:04

回答(2件)

id:taknt No.1

きゃづみぃ回答回数13538ベストアンサー獲得回数11982013/11/23 17:05:56

ポイント150pt

確認ですが、プリンタ側の設定は カラーになっていますか?

これが 白黒だと カラーのものも 白黒になってしまいます。

id:takanii

はい、なっております

2013/11/23 17:08:53
id:takanii

chromeで試した場合背景の色と画像 をON
にすると色がつきます
こういう細かい設定をしなくても印刷物にいろがついてほしいのです・・

2013/11/23 17:10:38
id:u_7cc No.2

7cc回答回数32ベストアンサー獲得回数142013/11/25 01:34:43

ポイント150pt
  • 最終的には印刷する側の設定次第かと思います
  • Google Chromeはこれで色が付くはずです
  • IE11はテストできないので試してみてください

JS 12行目に追加

wrap.style.className = "answer";

CSSに追加

@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
  .answer{
    background-color: #ffff00;
  }
}

できない場合&どうしても背景色を付けたい場合はonbeforeprintイベントを使って設定するように促すダイアログを出すしかないかと思います。

  • id:rouge_2008
    Google Chromeの場合、背景色や背景画像などが別指定となっているようですから、文字色を変更してはいかがでしょう?

    wrap.style.backgroundColor = "#ffff00";

    上記の変わりに以下で動作しないでしょうか?(※色は適当に変更してください。)

    wrap.style.color = "#ee6666";

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません