直接给input或者textarea的样式加texta-align:center;

<input type="" name=""  />

    ::-webkit-input-placeholder {
	color: #f00;
        text-align:center;
    }

让placeholder中的默认文字居中,或者缩进多少像素

如果想要让提示文字距离边框有一定的距离,将text-align:center;去掉,加padding-left就可以

让placeholder中的默认文字居中,或者缩进多少像素

下面是兼容性写法

 /* 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 属性。

相关文章:

  • 2021-08-11
  • 2021-12-05
  • 2021-05-23
  • 2022-12-23
  • 2022-02-19
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-06-03
  • 2021-12-15
  • 2022-01-30
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案