placeholder---获取焦点时清空、修改默认样式

来源:互联网 发布:文明6 mac 编辑:程序博客网 时间:2024/05/18 02:02

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;}



原创粉丝点击