情侣打印样式表问题

Question

我想做的事我认为不可能，但我还是问=>

首先 - 打印时我不会显示图像，因为我的页面可能会变得很重，或者至少有几个合适尺寸的图像会耗尽墨水。那么是否可以不显示图像而显示图像的 ALT 文本，以便用户知道图像是什么。

其次 - 当用户打印表单时，由于表单的样式有点难看。有没有办法更改输入以仅显示输入的文本而不显示其他内容。

还有一个类似的问题~打印样式表 - 将输入转换为文本~我知道这可以使用 jQuery 来完成，但是有没有 CSS Only 方法来实现这一点？

谢谢！

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

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>