CSS隐藏占位符打印

Question

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

Answer 1

取自此处接受的答案:删除html页面的可打印版本上的输入占位符

您可以使用打印介质查询来更改文本颜色透明.它不会"删除"文本,但会使其不可见,因此结果相同......

@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;
  }
}