通过CSS对placeholder进行样式修改

这次首页改版UI的设计图中输入框的提示文字要求是居中的，现在把改动的方法记录如下，以备不时之需~

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #333;
    font-size: 12px;
    text-align: center;
}
:-moz-placeholder { /* Mozilla Firefox 4-18 */
    color: #333;
    font-size: 12px;
    text-align: center;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333;
    font-size: 12px;
    text-align: center;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #333;
    font-size: 12px;
    text-align: center;
}

谷歌Chrome/Chromium浏览器从08年创始至今一直使用苹果公司的WebKit作为浏览器内核原型，是WebKit的一个分支，所以在移动端我是这么写的：

.search_bg .center ::-webkit-input-placeholder { 
    color: #333;
    font-size: 12px;
    text-align: center;
}

手上的苹果5S、7、华为mate8，还有一款vivo(同事的忘记型号了)均能正常显示。

效果