Html 在css中添加占位符内容无法在输入字段中输入数据时清除文本

使用css在palceholder中添加了内容，但问题是当我在文本框中添加数据时，我使用css添加的占位符内容没有被清除

.applynowemail.contactemail:after{
内容：“*”；
位置：绝对位置；
颜色：#f00；
/*利润上限：-36px；
左边距：52px*/
}

我看到您在问题上添加了
jquery

首先，你不能仅仅用CSS来实现你想要的

其次，jQuery不能更改/style
伪元素，比如
：after
，因为它们不是DOM树的一部分

因此，您需要同时使用jQuery添加自定义
*
，然后当用户在
输入中输入文本时，使用
hide（）
方法将其隐藏

另外，当您有绝对位置元素时，不要使用边距，而是使用
右上-左下
来定位它们

编辑：使用正在检查输入的
val.length
以查看其是否为空的解决方案进行编辑。因此，当用户删除他输入的内容时，
*
将再次出现

请参阅下面的代码片段

我对你的html和css做了一些修改，但是你可以根据需要修改它


var输入=$（“输入”）
$（输入）。之前（“
*
”）
$（输入）.on（“键控”，函数（）{
var val=$（输入）.val（）.length
如果（val>0）{
$（'.star'）.hide（）
}否则{
$（'.star'）.show（）
}
})
$（输入）.更改（函数（）{
})
p{
位置：绝对位置；
颜色：#f00；
左：0；
排名：0；
保证金：0；
}
.applynowemail.contactemail{
职位：相对
}
我看到您在问题上添加了
jquery

首先，你不能仅仅用CSS来实现你想要的

其次，jQuery不能更改/style
伪元素，比如
：after
，因为它们不是DOM树的一部分

因此，您需要同时使用jQuery添加自定义
*
，然后当用户在
输入中输入文本时，使用
hide（）
方法将其隐藏

另外，当您有绝对位置元素时，不要使用边距，而是使用
右上-左下
来定位它们

编辑：使用正在检查输入的
val.length
以查看其是否为空的解决方案进行编辑。因此，当用户删除他输入的内容时，
*
将再次出现

请参阅下面的代码片段

我对你的html和css做了一些修改，但是你可以根据需要修改它


var输入=$（“输入”）
$（输入）。之前（“
*
”）
$（输入）.on（“键控”，函数（）{
var val=$（输入）.val（）.length
如果（val>0）{
$（'.star'）.hide（）
}否则{
$（'.star'）.show（）
}
})
$（输入）.更改（函数（）{
})
p{
位置：绝对位置；
颜色：#f00；
左：0；
排名：0；
保证金：0；
}
.applynowemail.contactemail{
职位：相对
}
这里有一个仅限于CSS的解决方案：

它需要
。电子邮件：有效+。需要{显示：无；}
星号位于
元素中

。必需{
颜色：#f00；
位置：绝对位置；
左：2px；
}
.applynowemail{
位置：相对位置；
}
.email:valid+。必需{显示：无；}

*
这里有一个仅限于CSS的解决方案：

它需要
。电子邮件：有效+。需要{显示：无；}
星号位于
元素中

。必需{
颜色：#f00；
位置：绝对位置；
左：2px；
}
.applynowemail{
位置：相对位置；
}
.email:valid+。必需{显示：无；}

*
你在哪里使用jQuery？@LucaKiebel我只使用css在添加文本时添加占位符上的astrick这个astrick符号没有被清除我的问题是你在没有使用它的迹象时将其标记为“jQuery”。当然，它没有被清除。因为它不是占位符。这是你用cssI添加的自定义文本。我把你的代码放在一个可运行的代码段中，但我仍然不确定问题是什么，甚至不知道你想问什么。你在这里使用jQuery吗？@LucaKiebel我只用css在占位符上添加了一个astrick，而添加的文本这个astrick符号不清楚。我的问题是关于你将它标记为“jQuery”虽然并没有你们使用它的迹象当然，它并没有被清除。因为它不是占位符。这是您使用cssI添加的自定义文本。我将代码放在可运行的代码段中，但我仍然不确定问题是什么，甚至不确定如果在文本框中输入任何数据并清除astrick符号，您要做什么。我不明白，astrick符号没有显示，只是出现了占位符值。你能说清楚点吗？我的回答是这样的：当用户在输入中输入某个内容时，
*
就会消失，这就是您想要的，是吗？是的，但是你发布的那一个如果我清除了我输入的值，那么占位符看起来应该和前面的右边一样，但是如果在文本框中输入任何数据并清除占位符符号没有显示，那么占位符就不会显示了。我不明白。你能说清楚点吗？我的回答是这样的：当用户在输入中输入内容时，
*
会消失，这就是你想要的，不是吗？是的，但是你发布的内容如果我清除了输入的值，那么占位符看起来应该与前一个右键相同，但是astrick不会显示在那，嗯，只是编辑过。最好的办法是将其绝对定位在那里，并在占位符中添加一些空格。祝你好运嗯，刚刚编辑过。最好的办法是将其绝对定位在那里，并在占位符中添加一些空格。祝你好运