如何使文本输入对齐居中，但在聚焦时光标是否向左对齐？

Question

我的输入文本如下：

<input type="text" placeholder="mm/dd/yyyy" style="text-align:center"/>

占位符正确显示在中心位置，但是当我将焦点放在字段上时，光标也位于文本字段的中心，并且我希望它位于占位符的左侧。 我如何只对齐光标？

Answer 1

您可以使用:focus选择器。

您可能还想使用::placeholder选择器，以使占位符不移动。

input, input::placeholder {
    text-align: center; 
}

input:focus {
    text-align: left; 
}

<input type="text" placeholder="mm/dd/yyyy"/>