CSS隐藏占位符打印

时间:2014-01-31 16:52:48

标签: css printing placeholder html-input

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

1 个答案:

答案 0 :(得分:18)

取自此处接受的答案: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;
  }
}