小编典典

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

css

我正在使用类型为日期的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;
}

阅读 569

收藏
2020-05-16

共1个答案

小编典典

::-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;
}
2020-05-16