1.input输入框获取焦点时,判断输入框是否有值,未输入则清空placeholder内容。
<input type="text" placeholder="请输入关键词" onfocus="this.placeholder=''" onblur="this.placeholder='请输入关键词'">
2.修改placeholder默认样式
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: red;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: red;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: red;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: red;
}