Giter VIP home page Giter VIP logo

Comments (9)

williamknn avatar williamknn commented on May 20, 2024 5

@media print {} is not working here.

from node-html-pdf.

joshualo avatar joshualo commented on May 20, 2024 2

if you are using bootstrap CSS, phantomjs applies the @media print styles which make everything black & white.

from node-html-pdf.

icrisu avatar icrisu commented on May 20, 2024

Hi, it seems that it's working if you place you're styles within the HTML document ( http://share.pho.to/9c6C6 )

from node-html-pdf.

mohanad-obaid avatar mohanad-obaid commented on May 20, 2024

its not working! tried style within html and inline style

from node-html-pdf.

 avatar commented on May 20, 2024

I had the same issue, the problem was relative paths!
Maybe its possible to solve this set DocumentRoot with the directory option? I haven't tried it because I'd prefer to solve by including the complete stylesheet with <style> Tags.

from node-html-pdf.

dragma avatar dragma commented on May 20, 2024

Had the same issue, just put !important and it is working great !

Example :

.myClass {
    color: #123456 !important;
}

Regards
F.

from node-html-pdf.

 avatar commented on May 20, 2024

@dragma Don't use !important, your stylesheet will become a mess. Just use

@media print {
    .myclass { color: red; }
}

from node-html-pdf.

dragma avatar dragma commented on May 20, 2024

@Dotmagic Thanks a lot for the trick ! :)

from node-html-pdf.

 avatar commented on May 20, 2024

@media print {} works like a charm

from node-html-pdf.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.