HTML input placeholder的样式设置

placeholder

兼容写法：

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: pink;
}
::-moz-placeholder { /* Firefox 19+ */
color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
color: pink;
}
:-moz-placeholder { /* Firefox 18- */
color: pink;
}

支持的属性：

font

 properties

color

background

 properties

word-spacing

letter-spacing

text-decoration

vertical-align

text-transform

line-height

text-indent

opacity

案例1：input的placeholder内容居中，光标不居中

input {
width: 150px;
}
input::-webkit-input-placeholder {
padding-left:30px;
}

案例2：某些placeholder上下不居中

     调整line-height属性