相关疑难解决方法(0)

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

我使用类型为日期的html输入元素,

<input type="date">
Run Code Online (Sandbox Code Playgroud)

当我使用上面的元素时,它会在该输入元素中创建一个默认的日期格式,即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;
}
Run Code Online (Sandbox Code Playgroud)

html css html5 date css3

20
推荐指数
4
解决办法
3万
查看次数

标签 统计

css ×1

css3 ×1

date ×1

html ×1

html5 ×1