是否可以使用css：focus删除文本框的值

Question

我有以下表格

<form id="enter_email" method="post" action="">
        <input type="text" value="enter email" />
        <input type="image" src="images/buttons/join-now.png"  />
    </form>

我想知道我是否可以通过css删除文本框中显示的值：仅关注焦点，

感谢

Answer 1

不，你必须使用脚本。

<input id="txt1" type="text" value="test value" onfocus="this.value='';" />

Answer 2

CSS中有一些方法可以prepend/append content到某个元素，但没有用于修改属性值的方法。但是，如果您真的想要使用CSS，那么您可以将background-image作为该输入的文本，只需更改background上的:focus。

Answer 3

不，您无法使用CSS更改数据。您必须使用JavaScript并将元素的值分配给空字符串。