修改全局的input,textarea的placeholder样式
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #b3b3b3;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color:#b3b3b3;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#b3b3b3;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#b3b3b3;
}
参考的链接:https://jingyan.baidu.com/article/ed2a5d1f60afa009f6be17da.html
修改指定的input、textarea的placeholder样式
html:
<input type="text" class="zd_input" placeholder="dddddd">
<textarea class="zd_textarea" placeholder="aaaaa"></textarea>
css:
input[class='zd_input']::-webkit-input-placeholder, textarea[class='zd_textarea']::-webkit-input-placeholder {
color: #b3b3b3;
}
input[class='zd_input']:-moz-placeholder, textarea[class='zd_textarea']:-moz-placeholder {
color:#b3b3b3;
}
input[class='zd_input']::-moz-placeholder, textarea[class='zd_textarea']::-moz-placeholder {
color:#b3b3b3;
}
input[class='zd_input']:-ms-input-placeholder, textarea[class='zd_textarea']:-ms-input-placeholder {
color:#b3b3b3;
}