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