TailwindCSS：是否可以删除打印时的框阴影？

Question

我有一个div看起来像这样的课程className={`${cardSelected && 'shadow-factors'} bg-white rounded-md cursor-pointer`}

现在我正在设置页面的打印版本，我想知道是否可以使用 TailwindCSS 工具集以某种方式删除打印版本的阴影因素/框阴影？

Answer 1

是的 Tailwind 有一个修改器print，你可以看这里

例如 - 打印时阴影会消失

<div class="shadow-lg print:shadow-none">
  Hello World
</div>