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

Stack Overflow用户

提问于 2019-06-25 08:53:09

回答 1查看 1.5K关注 0票数 4

我有一个如下所示的输入文本：

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

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

回答已采纳

发布于 2019-06-25 08:57:45

您可以使用:focus选择器。

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

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

input:focus {
    text-align: left; 
}

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

票数 7

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56745520

复制

相似问题

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