使用CSS填充时如何在输入文本框中隐藏背景图像

我有效地使用了以下css样式：

input.my-text:focus { background-image: none; }

它工作得很好。但是当文本框被填充时，我如何继续隐藏背景图像呢？我只想在文本框为空时显示背景图像

我尝试了

：valid:

，但这也不能满足我的需要

这在css中是可以做到的，还是我需要求助于javascript/jquery

谢谢。

---

有趣的@tribe84。css如何知道有输入？我在想办法。它是否来自

：：-webkit输入占位符

是的，它使用css3占位符规范工作。你可以在这里进一步了解它：我试图简化它以满足我的需要，但这不起作用

输入。我的文本：：-webkit输入占位符{background image:none；}

input{
    position: relative;
}

input::-webkit-input-placeholder{
    background: pink;
    display: block
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}