Поле ввода «дата» имеет неизвестный интервал в iOS Safari - PullRequest
0 голосов
/ 16 октября 2019

Поскольку это частный проект, который должен работать только на iPad, меня не волнует дизайн в других браузерах, кроме Safari.

В настоящее время я пытаюсь создать поле ввода для дат. Пока это работает, но я абсолютно не знаю, откуда берется интервал (отмеченный красной линией). Другие поля ввода, такие как тексты выше и ниже, не имеют этого интервала. Я также попытался добавить / удалить отступы и поля, но это, похоже, не работает, и я просто хочу использовать type = "date" из-за средства выбора даты в iOS Safari.

У вас есть идея?

<div class="any-class-i-want">
    <span class="text-very-small">A random text on the left side</span>
    <input type="date" class="text-right" value="">
</div>
input {
    display: block;
    height: 100%;
    text-align: left;
    width: 100%;
    border: none;
    font-size: 0.8em;
    margin: 0;
    padding: 0 @row-space / 2;
    background-color: #ABC;
    //-moz-appearance: textfield;

    &::-webkit-outer-spin-button,
    &::-webkit-inner-spin-button {
        margin-right: 50px;
        padding: 0;
    }

    &:focus {
        outline: none !important;
    }
}

Большое спасибо, я очень ценю вашу поддержку!

Where does the spacing (red line behind dates) comes from?

...