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

最新推荐文章于 2022-11-04 10:12:10 发布

topic2333

最新推荐文章于 2022-11-04 10:12:10 发布

阅读量2.4k

点赞数

文章标签： placeholder placeholder样式 placeholder清空

本文链接：https://blog.csdn.net/topic2333/article/details/78861713

版权

1.input输入框获取焦点时，判断输入框是否有值，未输入则清空placeholder内容。

<input type="text"  placeholder="请输入关键词" οnfοcus="this.placeholder=''" οnblur="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;
}