直接给input或者textarea的样式加texta-align:center;
<input type="" name="" id="" value="" placeholder="信息" />
::-webkit-input-placeholder {
color: #f00;
text-align:center;
}
如果想要让提示文字距离边框有一定的距离,将text-align:center;去掉,加padding-left就可以
下面是兼容性写法
/* WebKit browsers */
::-webkit-input-placeholder {
padding-left: 50px;
color: #777;
}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {
color: #777;
opacity: 1;
}
/* Mozilla Firefox 19+ */
::-moz-placeholder {
color: #777;
opacity: 1;
}
/* Internet Explorer 10+ */
:-ms-input-placeholder {
color: #777;
}
Internet Explorer 10、Firefox、Opera、Chrome 以及 Safari 支持 placeholder 属性。
注释:Internet Explorer 9 以及更早的版本不支持 placeholder 属性。