Jquery 如何在文本框背景图像上显示文本

我已经使用常规文本框设置了一种自动完成和可编辑的下拉列表，并使用文本框css背景图像在文本框的右侧显示了一个背景下拉图标。它解决了我的问题

    background-image: url('/Content/Images/DropdownCustom.png');
    background-position: right;
    background-repeat: no-repeat;

这里的问题是，文本框中的文本较长时会与背景图像重叠。有没有什么方法可以让我把背景图像，并显示在上面的文字一样，定期下拉显示

编辑：

Pete提出的解决方案使用的是Chrome，而不是IE 8。在IE中有可能做到吗？这是小提琴

---

提前感谢。

您可以在文本框中添加正确的填充，这样文本就不会进入该区域。您可以与我们分享您的问题的小提琴演示吗？背景图像的背景部分应该是一个非常有力的线索。不，你不能把它带到课文上，因为那样的话，它将是前景。@Pete谢谢你的回答。它在Chrome中运行得非常好，而不是在IE8中。你对IE有什么窍门吗8@DanielSanchez