开发过程中在使用input、textarea标签placeholder作为提示性文字时,往往文字颜色达不到我们的预期效果,因此需要对placeholder属性提示文字默认颜色进行修改,修改的过程也很简单添加样式即可。
input::-webkit-input-placeholder {
color: #dadada;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #dadada;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #dadada;
}
input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #dadada;
}
浏览器对于样式的解析存在差异性,添加对应浏览器代号的前缀即可解决。