.search-input:focus

  text-align: left;

.search-input::-webkit-input-placeholder

  text-align: center;

试了试

text-align: center;

也是可以用的

这个确实不好使，我也试过了。

根据场景，题主可以变通下。我举个我遇到的例子：

业务场景如下：默认状态，输入框的提示文字是居中的，但当focus的时候，输入框的文字就居左，然后用户开始输入。

我开始也是input placeholder，但是遇到这个问题后，我就把默认状态的文字居中改成span标签（做成像input的样子）来提示，当用户点击span标签的时候，就把input显示出来。

设置text-indent 是否会让input输入的内容也首行缩进呢

text-indent:20px;