方式一:
因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。
input::-webkit-input-placeholder{
color:red;
}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */
color:red;
}
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
color:red;
}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color:red;
}
方式二:
如果是在手机客户端webview 只使用-webkit内核方式即可。
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #666;
font-size: 16px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #666;
font-size: 16px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #666;
font-size: 16px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #666;
font-size: 16px;
}