删除type = date的html5输入元素中存在的默认文本/占位符

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

我正在使用类型为日期的html输入元素，

<input type="date">

当我使用上述元素时，它将在输入元素内创建默认日期格式，即mm / dd / yyyy文本。如何删除此默认文本？

我尝试在页面上添加以下样式，但它也隐藏了所选的日期值，

input[type=date]::-webkit-datetime-edit-text {
    -webkit-appearance: none;
    display: none;
}
input[type=date]::-webkit-datetime-edit-month-field{
    -webkit-appearance: none;
    display: none;
}
input[type=date]::-webkit-datetime-edit-day-field {
    -webkit-appearance: none;
    display: none;
}
input[type=date]::-webkit-datetime-edit-year-field {
    -webkit-appearance: none;
    display: none;
}

回答：

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

以上是 删除type = date的html5输入元素中存在的默认文本/占位符 的全部内容， 来源链接： utcz.com/qa/414136.html

回到顶部