如何对齐CSS输入类型文本占位符图像

Question

Link to Screenshot

作为此处的图像，我只想将搜索图标放在左侧，在搜索图标后，占位符文本必须在那里，我该怎么做呢？

Answer 1

如果图像在场内，请尝试

float:left;
padding-left:5px;

希望我帮助过，或者将代码粘贴到http://jsfiddle.net/

Answer 2

您可以简单地在输入的左侧添加填充，占位符将缩进。

input{
    background: url('http://placehold.it/16x16') no-repeat 10px 10px; /* Your background image */
    padding-left: 35px; /* Indent text and placeholder text */
}

Here's a jsfiddle example