html - 如何将日期输入占位符对齐到 Firefox 的中心

Question

我想知道为什么我不能在 firefox 中将日期输入占位符对齐到中心？

input{
text-align: center;
}

<input type="date">

Answer 1

text-align 起作用了，因为当您移除 text-align 时，您可以看到文本恢复到原来的位置。

如果您问为什么文本没有放在输入字段的中间，那么，空白并不完全是空的。输入中的不可见元素占据了输入字段的右侧。因此，占位符文本不会以默认大小显示为与中心对齐。

如果您使输入字段足够大，那么您可以看到 text-align 正常工作。

input{
  text-align:center;
  width:100%;
}

<input type="date">