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

时间:2016-09-27 00:15:56

标签: html css date input

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

我已经尝试过几件事情,但是它们已经过时,不能与当前版本的Chrome一起使用,或者也会隐藏有效日期。

我试过这个(Robin的回答): Remove default text/placeholder present in html5 input element of type=date

但它在内部使用时隐藏了有效日期:

@media print {}

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

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

感谢。

1 个答案:

答案 0 :(得分:0)

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