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

hc8w905p 于 2022-12-15 发布在其他

关注(0)|答案(2)|浏览(141)

所以基本上我想做的是，当页面被打印时，日期输入类型的默认占位符是隐藏或透明的，诀窍是当用户输入一个有效的日期时，它仍然应该显示一个有效的日期。
有几件事我已经尝试过，但他们要么过时，不工作与当前版本的 chrome 或也隐藏了有效日期以及。
我试过这个（罗宾的回答）：Remove default text/placeholder present in html5 input element of type=date
但在内部使用时会隐藏有效日期：

@media print {}

我希望在打印时这个占位符可以消失，这样如果我想打印一个空表单，mm/dd/yyyy就不会碍事了。现在我必须暂时将它设置为透明，如果我需要打印一个表单的话。
这是可能的吗？也想知道改变占位符的颜色是灰色一样的文本输入占位符，但改变为黑色输入有效的日期。
谢谢。

css

来源：https://stackoverflow.com/questions/39714221/css-hide-date-mm-dd-yyyy-placeholder-on-print

2条答案

按热度按时间

dgenwo3n1#

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

赞(0）回复(0）举报 2022-12-15

cwdobuhd2#

这是一个纯粹的解决方案，但我遇到了同样的问题，这是最简单的方法：

function RemoveClass(el, target_class) {
  el.classList.remove(target_class);
}

.test {
    color: rgba(0,0,0,0);
  }

<input type="date" class="test" onclick="RemoveClass(this,'test');">

赞(0）回复(0）举报 2022-12-15

我来回答

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

2条答案

相关问题

热门标签

最新问答