input框placeholder样式修改

HTML:

<input type="text" id="demo" placeholder="请输入">

CSS:
1. 改变placeholder字体大小：

#demo{
    height: 100px;
    width: 100px;
}
/* Chrome浏览器 改变font-size不能垂直居中，所以用scale */
/* transform自行做兼容处理 */
input::-webkit-input-placeholder{
    transform: scale(.4);
    transform-origin: 0% 55%;
}
/* FireFox浏览器 可以自动垂直居中 */
input::-moz-placeholder{
    font-size: 20px;
}

2.改变其他属性

color: red;
text-align: left/center/right;
text-indent: 5px;
opacity: 1 !important;