发布于 4年前

CSS 输入框focus自动隐藏placeholder(兼容多浏览器)

这是使用纯CSS来说实现:当输入框获取焦点时,自动隐藏placeholder,分别支持WebKit,Firefox 4+,IE 10+。

/* WebKit浏览器 */
input:focus::-webkit-input-placeholder { color:transparent; }

/* Firefox 4 至 18 */
input:focus:-moz-placeholder { color:transparent; }

/* Firefox 19+ */
input:focus::-moz-placeholder { color:transparent; }

/* IE 10+ */
input:focus:-ms-input-placeholder { color:transparent; }
©2020 edoou.com   京ICP备16001874号-3