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

Posted 2023-03-05

【中文标题】CSS在打印时隐藏占位符[重复]

【英文标题】：CSS hide placeholder on print [duplicate]

【发布时间】：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;。