在 Chrome 中清除焦点上的 HTML5 占位符属性文本

2024-02-04

有什么办法可以清除吗placeholder焦点上的文字Chrome,Firefox 会清除焦点上的文本,但 Chrome 不会。

这会让用户感到困惑的是,栏中的文本是键入的,还是占位符文本(即使我将文本颜色更改为浅灰色),我不想为此使用不必要的 JavaScript 或 jQuery,我想知道是否有一些 HTML/CSS 解决方案可以解决这个问题

演示小提琴 http://jsfiddle.net/5U9us/

Chrome 预览(焦点)

火狐预览版(焦点)


尝试使用

input:focus::-webkit-input-placeholder 
{
    color: transparent;
}

它将解决该问题。由于页面加载时自动聚焦,文本在焦点上可见。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 Chrome 中清除焦点上的 HTML5 占位符属性文本 的相关文章