Сокрытие стрелки от ввода даты

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;
}