CSS在打印时隐藏占位符[重复]

【问题标题】：CSS hide placeholder on print [duplicate]CSS在打印时隐藏占位符[重复]
【发布时间】：2014-02-24 11:21:11
【问题描述】：

有没有办法在打印样式表中隐藏输入的占位符文本。我有一个可以选择打印和传真/邮寄的表格。我不知道为什么有人想要这样做，但这就是客户想要的。所以占位符文本在打印的文档中会挡住。

【问题讨论】：

【解决方案1】：

取自此处接受的答案：Removing input placeholder on a printable version of an html page

您可以使用打印媒体查询将文本颜色更改为透明。它不会“删除”文本，而是使其不可见，所以结果相同......

@media print {
  ::-webkit-input-placeholder { /* WebKit browsers */
      color: transparent;
  }
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      color: transparent;
  }
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
      color: transparent;
  }
  :-ms-input-placeholder { /* Internet Explorer 10+ */
      color: transparent;
  }
}

【讨论】：

如果适用，别忘了text-shadow:none;。