将文本居中“textarea”，然后在用户点击其中时从左侧键入

Question

我在页面上使用textarea元素，并带有占位符。是否可以将textarea中的占位符文本与中心对齐，但当用户在框中单击时，它们是从左侧开始写入，而不是从中心开始写入？

提前致谢。

Answer 1

是的，使用伪类:focus仅在textarea元素集中时才应用css

喜欢这个

textarea{
  text-align:center;
}

textarea:focus{
  text-align:left;
}

小提琴测试：

textarea{
  text-align:center;
}

textarea:focus{
  text-align:left;
}

<textarea rows="10" cols="60" placeholder="Input Your Text"></textarea>