DatePicker 在 TextBoxFor Html 帮助器标记中的奇怪位置

Question

我想在我的文本框剃刀标记中添加 html 日期选择器。但是它将“dd/mm/yyyy”放在框的底部（如Image of the textbox 所示）。我想要这个日期选择器“dd/mm/yyyy”在左侧中心（不要太靠近底部）。以下是我的剃须刀标记供参考。

<div class="form-group">
    @Html.LabelFor(m => m.DateOfBirth)
    @Html.TextBoxFor(m => m.DateOfBirth ,new {type="date", @class="form-control"})
</div>

Answer 1

你可以尝试设置padding。这里有一个例子。

<style>
    #DateOfBirth {
        padding: .375rem .75rem;
    }
</style>

结果：