从日期输入中隐藏箭头

Question

我正在尝试从日期输入中隐藏额外的信息和箭头，但是它没有隐藏在Chrome浏览器中，而是隐藏在IE中。

我正在使用以下CSS，但看不到任何错误。

input[type=date]:-webkit-datetime-edit,
input::-webkit-inner-spin-button,
input::-webkit-clear-button {
    display: none;
}

Answer 1

您可以尝试以下方法：

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

或者您可以在HTML中包含一个类，例如.remove--arrow，然后尝试以下操作：

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