Поскольку это частный проект, который должен работать только на 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;
}
}
Большое спасибо, я очень ценю вашу поддержку!