输入字段“日期”在iOS Safari中的间距未知

Question

由于这是一个私人项目，只能在iPad上使用，所以我对Safari以外的其他浏览器的设计并不太在意。

我目前正在尝试为日期创建一个输入字段。到目前为止，它仍然有效，但是我绝对不知道间隔（标有红线）的来源。其他输入字段（如上方和下方的文本）没有此间距。我还尝试添加/删除填充和边距，但似乎不起作用，由于iOS Safari中的日期选择器，我只想使用type =“ date”。

你有个主意吗？

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

非常感谢您，我非常感谢您的支持！