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

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

我已经试过使用这个：

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

但正如我所说，这些条仍然存在，请看这个提琴：

更新：这个答案在最新版本的Chrome中不再有效。 最初编写此答案时，它适用于ChromeV47

如今，它不再适用于ChromeV60+

---

原始（过时）答复： 由于

：：-webkit datetime edit text

伪元素包含斜杠，因此可以将这些元素作为目标，并将

color

属性设置为

transparent

：：-webkit日期时间编辑年份字段：非（[aria valuenow]），
：-webkit datetime编辑月份字段：非（[aria valuenow]），
：-webkit datetime编辑日期字段：非（[aria valuenow]），
：-webkit日期时间编辑文本{
颜色：透明；
}

---

谢谢你，先生！我找到的所有东西都只显示了如何隐藏字母。谢谢。在较新的chrome版本中不再工作（win10 pro上的chrome 60.0.3112.113不工作）@FabianSchöner-谢谢提醒。我更新了我的答案，现在它在ChromeV61.0.3163.79-Ubuntu中对我有效。它现在对你有用吗？@JoshCrozier它确实“删除”（变色）占位符文本，这正是它所要求的，但它也隐藏了一个有效的选择日期值。是的，如果选择的日期也被隐藏，这就不太可行了。