通过css内修改input框placeholder样式

使用css内修改input框placeholder样式

需求将input框内placeholder属性文字设置颜色及字体大小

修改前：修改后:
代码

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909;
    font-size: 14px;
}
input:-moz-placeholder { /* Mozilla Firefox 4 ~ 18 */
   color:    #909;
   opacity:  1;
   font-size: 14px;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
   opacity:  1;
   font-size: 14px;
}
input:-ms-input-placeholder { /* Internet Explorer 10 ~ 11 */
   color:    #909;
   font-size: 14px;
}
input::-ms-input-placeholder { /* Microsoft Edge */
   color:    #909;
   font-size: 14px;
}

input::placeholder { /* 大部分现代浏览器 */
   color:    #909;
   font-size: 14px;
}

常见问题：

1. input框设置placeholder属性在iOS中显示不完整