使用 CSS 或 jQuery 删除焦点上的占位符文本
在文本字段中输入文本时,占位符文本通常会消失,以便为用户的输入。虽然大多数浏览器会自动执行此操作,但 Chrome 不会。
CSS 解决方案
要专门针对 Chrome,您可以使用 input:focus::placeholder 选择器:
input:focus::placeholder { color: transparent; }
当输入字段位于其中时,此 CSS 规则将占位符文本设置为透明focus.
jQuery 解决方案
您也可以使用 jQuery 实现此目的:
$("input").on("focus", function() { $(this).attr("placeholder", ""); }); $("input").on("blur", function() { $(this).attr("placeholder", "Type something here!"); });
此 jQuery 代码将占位符文本设置为空字符串当输入字段获得焦点时,并在字段丢失时将其恢复为所需的文本focus.
浏览器支持
更新:
所有现代浏览器现在都支持使用输入隐藏焦点上的占位符文本: focus::placeholder CSS 选择器。因此,不再需要 jQuery 解决方案。
以上是如何删除 Chrome 中焦点上的占位符文本?的详细内容。更多信息请关注PHP中文网其他相关文章!

我最近写了一篇文章,解释了如何使用HTML,CSS和JavaScript创建倒计时计时器。 现在,让我们看一下我们如何


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

SublimeText3 Linux新版
SublimeText3 Linux最新版

禅工作室 13.0.1
功能强大的PHP集成开发环境

SublimeText3汉化版
中文版,非常好用

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器

mPDF
mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),