Could add css style when printing?

I base on Vue

<template>
   <div>
      <div class="myclass">My Data.....</div>
   </div>
</template>
<style lang="scss" scoped>
   .myclass {
      color: red;
   }
</style>

But don’t work when printing.

[crabbly]

You can pass [*] for all styles.

[mugar]

define first your styling like <style lang="scss" scoped> .myclass { color: red; font-size: 15px; margin: 10px auto; } </style>

and in the javascript file, add in the printJS options the targetStyles property which is an array listing all the names of the css properties you have used. for the css sample above it would be like this printJS({printable: 'elementID', type:'html', targetStyles: ['color','font-size','margin'] }) so whatever css property that is not in that list of targetStyles will be ignored by printJS, but any property included in the array will be kept and used in the generation of the printable pdf.