时间戳

首页 > 解决方案 > 如何将日期输入占位符与Firefox的中心对齐

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

问题描述

我想知道为什么我不能将日期输入占位符与Firefox的中心对齐？

input{
text-align: center;
}
<input type="date">

标签： htmlcssdatefirefoxalignment

解决方案

文本对齐正在工作，因为当您删除文本对齐时，您可以看到文本恢复到原始位置。

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

如果你让输入字段足够大，那么你可以看到text-align工作。

input{
  text-align:center;
  width:100%;
}
<input type="date">

推荐阅读