删除输入日期占位符，包括斜杠

Question

我知道还有其他类似的问题。但是它们都没有显示如何在输入日期删除所有占位符，只显示字母“dd＆＃39;”，“＆＃39; mm＆＃39;和＆＃39; yyyy＆＃39;。

我已经尝试过使用它了：

::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
  color: transparent;
}

但就像我说的那样，酒吧仍在那里，看到这个小提琴：https://jsfiddle.net/egj83yq4/

Answer 1

更新：此答案在最新版本的Chrome中不再有效。

最初编写此答案时，它适用于Chrome v47。

今天，它不再适用于Chrome v60 +。

原创（过时）答案：

由于::-webkit-datetime-edit-text伪元素包含斜杠，因此您可以定位这些元素并将color属性设置为transparent。

＆＃13;

＆＃13;

::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]),
::-webkit-datetime-edit-text {
  color: transparent;
}

＆＃13;

<input type="date" />

＆＃13;

＆＃13;

＆＃13;