CSS：在打印时隐藏日期 mm/dd/yyyy 占位符

Question

所以基本上我想要做的就是在打印页面时将日期输入类型的默认占位符隐藏或透明。诀窍在于，当用户输入日期时，它仍应显示有效日期。

我已经尝试了几件事，但是它们要么已经过时并且不适用于当前版本的 Chrome，要么也隐藏了有效日期。

我试过这个（罗宾的回答）： Remove default text/placeholder present in html5 input element of type=date

但在内部使用时会隐藏有效日期：

@media print {}

我希望这个占位符在打印时不存在，这样如果我想打印一个空表单，mm/dd/yyyy 就不会妨碍您。现在，如果我需要打印一个，我必须暂时使其透明。

这有可能吗？还想知道将占位符的颜色更改为像文本输入占位符一样的灰色，但在输入有效日期后更改为黑色。

谢谢。

Answer 1

@media print {
  ::-webkit-input-placeholder { 
      color: transparent;
  }
  :-moz-placeholder { 
      color: transparent;
  }
  ::-moz-placeholder { 
      color: transparent;
  }
  :-ms-input-placeholder { 
      color: transparent;
  }
}