2016-06-30 3 views
1

印刷用にブートストラップcssを使用しています。それは以下のようなCSSプロパティを持っています:モノクロ印刷でプリントするためのブートストラップCSS

@media print { 
    *, 
    *:before, 
    *:after { 
     background: transparent !important; 
     color: #000 !important; // Black prints faster: h5bp.com/s 
     box-shadow: none !important; 
     text-shadow: none !important; 
    } 

    // Other code... 
} 

これはすべてのCSSをオーバーライドしています。私はここから色を取り除きたいです(白黒で印刷します)。そして元のページで説明した色を使います。私はこの行をブートストラップのCSSから削除するのではなく、自分のCSSやjqueryを使って再定義するか、または定義解除したいと思っています。ブートストラップのCSSが利用できる場合は更新できます。明示的に色を削除することは可能ですか?

+0

すべての '!important'を削除します。 –

+0

CSS定義の上で、ブラウザは、印刷時に背景色を削除するなど、ページのスタイルを変更する場合があることに注意してください。印刷プレビューで確認するのではなく、印刷ビューモードでページを確認してページを確認してください。 – TheThirdMan

答えて

0

ブートストラップから取得した実際のスタイルシートをカスタマイズし、単に印刷セクションを含めないでください。カスタマイズ可能なWebページ(下記のリンク)に移動して、基本的にどの要素が含まれているかを選択できます。彼らはダウンロードしてファイルに含めるためのCSSのコンパイル版を作成します。

これは、新しいリコンパイルされたCSSを後日入手する必要があることを意味しますが、cssからコンテンツを削除しようとするよりも優れています。

チェックアウトhttp://getbootstrap.com/customize/

+0

はい、これは1つの解決策になります。しかし、私はブートストラッププリントCSSに触れたくありません。新しいバージョンのブートストラップが利用可能であるかのように、私たちはそれを更新するかもしれません。だからむしろ私は自分でそれをカスタマイズしたいと思っています。 – Presha

関連する問題