在输入文本中添加图像[重复]答案

【问题标题】：Add image in the input text [duplicate]在输入文本中添加图像[重复]
【发布时间】：2013-12-11 21:07:20
【问题描述】：

我有以下场景，但我不知道如何添加文本后跟图像和文本后跟图像等等。请参考下图，这是一个带值的输入文本

我如何使用 jquery 和 css 实现这一点？

如果可能的话，在 js fiddle 中显示它

提前致谢

【问题讨论】：

你有没有尝试过？
<input type="text"> 只支持文字内容，不支持图片。任何似乎支持内联图像的实现实际上都不是<input>s，而是<div> 或其他样式类似的容器元素。
感谢您的快速回复，
哟，看这个演示：jsfiddle.net/LqVNM/6 和这个回复：stackoverflow.com/questions/16420967/…:)
你能告诉我如何使用 div 实现这一点吗？

标签： javascript jquery html css

【解决方案1】：

试试这个：

HTML:
<input type="text" name="whatever" id="funkystyling" />

CSS:
#funkystyling {
    background: white url(/path/to/icon.png) right no-repeat;
    padding-right: 17px;
}

示例： http://jsfiddle.net/markom/5Ayx7/

【讨论】：