CSS修改placeholder样式的方法介绍（代码示例）

/* - Chrome ≤56,

   - Safari 5-10.0

   - iOS Safari 4.2-10.2

   - Opera 15-43

   - Opera Mobile >12

   - Android Browser 2.1-4.4.4

   - Samsung Internet

   - UC Browser for Android

   - QQ Browser */

::-webkit-input-placeholder {

    color: #ccc;

    font-weight: 400;

}

/* Firefox 4-18 */

:-moz-placeholder {

    color: #ccc;

    font-weight: 400;

}

/* Firefox 19-50 */

::-moz-placeholder {

    color: #ccc;

    font-weight: 400;

}

/* - Internet Explorer 10?C11

   - Internet Explorer Mobile 10-11 */

:-ms-input-placeholder {

    color: #ccc !important;

    font-weight: 400 !important;

}

/* Edge (also supports ::-webkit-input-placeholder) */

::-ms-input-placeholder {

    color: #ccc;

    font-weight: 400;

}

/* CSS Working Draft */

::placeholder {

    color: #ccc;

    font-weight: 400;

}