css - 将 HTML 输入日期选择器右对齐

Question

我无法将输入类型=“datetime-local”的日期选择器与输入元素的右侧对齐enter link description here

input{
  width:400px;
}

<input type="datetime-local" class="dateTime" name="starttime" id="startTime" step="2">

这是当前 View :

我的要求是在不使用 javascript 的情况下将日期选择器方 block 定位到右侧

预期结果如下:

Answer 1

使用这段代码，这对你有帮助。我只使用 css 进行输入:text-align:right。

input{
  width:400px;
  text-align:right;
}

<input type="datetime-local" class="dateTime" name="starttime" id="startTime" step="2">