隐藏Google Chrome中的日历图标

nnsrf1az  于 2023-05-11  发布在  Go
关注(0)|答案(1)|浏览(157)

有人知道如何在Chrome中隐藏日期字段上的日历图标吗?

<input type="date" />

当我查找它时,我发现我应该使用::-webkit-calendar-picker-indicator,但这似乎并不奏效。

s3fp2yjn

s3fp2yjn1#

试试这样的

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
<input type="date" class="date-input">

相关问题