Css 输入占位符覆盖日期

在Chrome中，当用户未完全给出日期时，占位符将覆盖日期：

按月手动删除：

当输入中没有年份、月份和日期时，占位符必须在日期位置iff上的代码是否有任何解决方案

源代码：

<input
    id="tf-datefrom-text"
    class="form-control"
    type="date"
    placeholder="Select date"
    ng-blur="checkValidation()"
    min="{{vm.minDate}}"
    max="{{vm.maxDate}}"
    ng-model="vm.dateFrom"
    aria-describedby="basic-addon2"
    required
    ng-required="true"/>

---

输入字段没有CSS。

如果您使用Material Design，升级到最新版本可能会解决您的问题，因为这在早期版本中是一个bug。更多信息请参见此

您在哪个浏览器中体验到这种情况？另外，你能提供html和css代码吗？你也使用一些css框架（比如材质设计）吗？@BálintBudavölgyi回答了这个问题。如果你使用Material design light（如果没有，很抱歉），升级到最新版本可能会解决你的问题，正如你在这里看到的：看起来你使用的是Angular或VueJs这样的前端框架，你能在你的问题中扩展你正在使用的东西和一些示例代码吗？@Malcor我使用AngularJS。