Question

我想做什么我认为不可能，但无论如何我要问=＆gt;

首先 - 我没有在打印时显示图像，因为我的页面可能会使图像变得很重，或者至少会有一些像墨水一样大小的图像。因此，可以不显示图像，而是显示图像的ALT文本，以便用户知道图像是什么。

第二 - 当用户打印表单时，表单的样式有点难看。有没有办法改变输入只显示输入的文本，没有别的。

对此有一个类似的问题〜Print Stylesheet - Converting inputs to text〜我明白这可以使用jQuery来完成，但是有一个CSS Only方法来实现这个吗？

谢谢！

编辑 - 我想出了我的第二个问题。我将表格边框和背景设为白色以匹配页面。换句话说，它隐藏并仅显示文本。 =＆GT;

Answer 1

是的，有。它被称为@media，并且已经在主流浏览器中支持了一段时间。

所以，让我们说你有类似的东西：

<img class="no-print" src="image" /><span class="print">Image Label</span>

你的样式表可能是这样的：

<stye>
   .print {display: none;} // only to be displayed when this is being printed so the default is to not display
   @media print {
      .print {display: inline}
      .no-print {display: none}
   }
</style>

情侣打印样式表问题

1 个答案: