Html 日期占位符

我正在使用MDL-getmdl.io版本1.3.0

我在获取日期表单字段以执行所需操作时遇到问题。它不只是显示标签字段，而是显示默认的

中的占位符

理想情况下，我不想展示这一点。但是，如果必须这样做，如何将标签放在表单字段旁边

代码

添加以下内容：

input::-webkit-datetime-edit{ color: transparent; }
input:focus::-webkit-datetime-edit{ color: #000; } 

---

取自

MDL有一个内置但未记录的解决方案：

有占位符

。这将使浮动标签固定，始终浮动

加

mdl textfield——浮动标签在外部元素上有占位符

类

信用：@Jurgen

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

input::-webkit-datetime-edit{ color: transparent; }
input:focus::-webkit-datetime-edit{ color: #000; }