有什么方法可以清除Chrome中的placeholder焦点文本,Firefox会清除焦点上的文本,但Chrome不会.
这会使用户混淆条形图中的文本是否被键入,或者它是占位符文本(即使我将文本颜色更改为浅灰色),我不想为此使用不必要的JavaScript或jQuery,我想知道是否有一些HTML/CSS解决方案
Chrome预览(焦点上)

Firefox预览(焦点上)

我有这样的输入:
<input value="My text" placeholder="Placeholder">
Run Code Online (Sandbox Code Playgroud)
当我在输入中输入内容时,占位符文本将消失,这是非常明显的.
现在,我想要做的是我希望占位符文本在用户输入时保留,以便您可以将占位符文本看作原始文本后面的背景文本:

编辑:我也希望能够使用JavaScript更改背景文本.