删除箭头 input type='date'

Question

我想从输入类型日期中删除右箭头。我也想让它在移动设备上工作。

这正是我想要删除的：

我试过的

<input type="date" class="unstyled" />

.unstyled::-webkit-inner-spin-button,
.unstyled::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

在桌面上它没有出现..但在 android 设备上出现。

原文由 Upoings1975 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

试试这个：

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

原文由 Angela Amarapala 发布，翻译遵循 CC BY-SA 3.0 许可协议