1

Rails アプリでは、Twitter Bootstrap を出発点として使用しています。Twitter Bootstrap は、この gem を含む HTML5 Boilerplate リセットの一部を使用します。

@media print {
    * {
        color: #000 !important; /* Black prints faster: h5bp.com/s */
    }
}

(リンクされた記事は 200-effing-8 からのものであることに注意してください)

私のアプリは pdfkit/wkhtmltopdf を使用して PDF を出力します。上記の宣言により、すべての pdf 出力は白地に黒になります。pdfkit/wkhtmltopdf (私にとって、このアプリで) の要点は、PDF 出力が画面に一致することです。

Bootstrap がインポートされた後、スタイルシートでこの宣言をオーバーライドする方法はありますか? 「自動」に沿ったものにしたいのですが、それは有効ではないようです。

もちろん、Bootstrap の行をコメント アウトすることもできますが、できればソースを変更することは避けたいと思います (bootstrap-sass gem を介してすべてを取り込むため)。「印刷」スタイルシートを使用しないように pdfkit/wkhtmltopdf に指示することもできますが、それは別の問題を引き起こします。

「継承」に設定しようとしましたが、機能的にはそれは私が求めているものではなく、とにかくうまくいかないようです。

ありがとう。

4

1 に答える 1

1

ブートストラップCSSでコメントアウトします。アスタリスク セレクターは、すべてのテキスト コンテンツを黒に設定するワイルドカードです。そうしないと、id または class を使用してオーバーライドする個別の CSS ルールを多数記述する必要があります。サイトのほとんどのテキスト コンテンツが既に黒または十分に暗い色に設定されている場合、その CSS 印刷規則は必要ありません。

于 2013-04-05T17:39:42.457 に答える