Html 在填充文本框时删除背景图像

我有

textBox

默认情况下，它有背景图像，现在我可以使用

CSS

删除焦点上的图像，但一旦焦点不在，就会出现图像，那么当框不为空时如何删除此图像。我更喜欢使用

CSS

而不是

JavaScript

或

jQuery

我知道你说过你只想使用CSS，但我想不出一种方法来做到这一点，不使用js或不使用PHP服务器端（这可能不是一个选项） 使用jquery，您只需使用以下检查：

if($('#id_of_box').html() == "") { change css here }

---

您必须组合特殊的CSS选择器

CSS 3包括一个“：empty”选择器

---

您必须使用js来检测框是否为空。我认为如果不使用一点javascript，您将无法做到这一点。css无法检查框中是否有内容您也可以使用css检查框中是否有空：

input[type=“text”][name=“boxname”][value=”“][code>如果框中没有空：
input[type=“text”][name=“boxname”]：not（[value=”“]）
，我认为这也是可能的：
input[type=“text”][name=“boxname”][value！=]
仅使用css是不可能的，您必须执行一些javascript/jquery。