jquery - 如何使用 css 或 jquery 在焦点上自动隐藏占位符文本?

这对于除 Chrome 之外的所有浏览器都会自动完成。

我猜我必须专门针对 Chrome

有什么解决办法吗?

如果不使用 CSS,那么使用 jQuery

亲切的问候。

最佳答案

编辑: 现在所有浏览器都支持

input:focus::placeholder {
  color: transparent;
}
<input type="text" placeholder="Type something here!">

Firefox 15 和 IE 10+ 现在也支持此功能。扩展 Casey Chu 的 CSS solution :

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

https://stackoverflow.com/questions/9707021/

相关文章:

html - 无法滚动到溢出容器的 flex 元素的顶部

html - 使用开发者工具检查 webkit-input-placeholder

html - 放置一个右对齐的按钮

javascript - 如何防止点击 '#' 链接跳转到页面顶部?

angularjs - 使用 AngularJS HTML5 模式重新加载页面会给出错误的 GET

validation - 我真的需要将 '&' 编码为 '&' 吗?

HTML 编码问题 - 显示 "Â"字符而不是 " "

javascript - 禁用href标签

javascript - 获取文本输入字段中的光标位置(以字符为单位)

html - 为什么单选按钮不能是 "readonly"?