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

Question

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

 input{ text-align: center; } 

 <input type="date"> 

Answer 1

文本对齐方式正常工作，因为删除文本对齐方式后您会看到文本恢复为原始位置。

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

如果将输入字段设置为足够大，则可以看到text-align工作。

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

 <input type="date">