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属性