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

Question

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

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

我已经试过这一个（Robin的答案）： 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; 
    } 
}