我正在研究 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;
}
关于html - 使闪烁光标的位置居中而不改变占位符的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51507300/