html - 使闪烁光标的位置居中而不更改占位符的位置

我正在做一个website，我想将闪烁的光标的位置也居中居中。

此时，在占位符what are you looking for...上，闪烁的光标从左开始，如下所示。





我用于占位符和闪烁的光标的CSS代码是：

闪烁的光标：

.input-searchicon input{
padding-left: 40px;
}

占位符：

::-webkit-input-placeholder {
 text-align: center;


}

:-moz-placeholder { /* Firefox 18- */
 text-align: center;


}

::-moz-placeholder {  /* Firefox 19+ */
 text-align: center;


}

:-ms-input-placeholder {
 text-align: center;


}

问题陈述：

我想知道我应该在上面的CSS代码中进行哪些更改，以便闪烁的光标从占位符居中的中心开始。

最佳答案

输入文本也应居中。将输入样式更改为此：

.input-searchicon input{
   padding-left: 40px;
   text-align: center;
 }