input type="date" text-align:right IOS 设备

Question

/* css */\ninput{ text-align:right;}\n\n// html\n<input type="date" value="2015-05-06">\n

当输入 type="date" 时，text-align:right 在 Safari 形式的 IOS 设备\xef\xbc\x8c 中不起作用，但其他设备\'浏览器显示正常。\n如何修复它？

\n

Answer 1

iOS Safari 将样式应用于输入中的元素。这是我用 Safari + Simulator 检查时看到的结果：

<input name="example" type="date">
  <div pseudo="-webkit-date-and-time-value">Jan 16, 2025</div>
</input>

内部元素默认应用以下样式：

input::-webkit-date-and-time-value {
  margin-top: 0px;
  text-align: center;
  width: 100%;
}

因此，您可以使用针对该特定元素的选择器来覆盖对齐方式：

input::-webkit-date-and-time-value {
  text-align: right;
}

Answer 2

尝试这个。

input[type="date"] {
text-align:right;

}