如何在输入日期字段上模拟占位符功能？

• Z时代
• 2024-01-10
• 分类：问答

在日期字段上不能使用占位符，但我确实需要它。

我想要两个日期输入，每个文本上都有文本“ From”和“ To”作为占位符。

回答：

我正在使用以下CSS绝招：

  input[type="date"]:before {
    content: attr(placeholder) !important;
    color: #aaa;
    margin-right: 0.5em;
  }
  input[type="date"]:focus:before,
  input[type="date"]:valid:before {
    content: "";
  }
<input type="date" placeholder="Choose a Date" />

以上是 如何在输入日期字段上模拟占位符功能？ 的全部内容， 来源链接： utcz.com/qa/414660.html