将SVG图标添加到具有居中对齐文本的输入元素占位符

Question

我有一个输入字段，其宽度为100％，文本与中心对齐。现在，我使用Font Awesome，但我需要将他们的图标替换为任意SVG图标。我尝试了最常用的技术，如背景图像和:before伪元素。但它们不起作用仅仅是因为它们不适应中心对齐的文本。

最终结果我正在寻找would look like this，但是FA图标已替换为新的SVG图标。

有可能吗？我应该走哪条路？我觉得我刚刚开始，这并不容易，所以我很乐意获得任何有用的信息。希望最终能够获得纯CSS（SCSS）解决方案。

Answer 1

查看此帖子：http://www.materialup.com/posts/search-input-svg

它有很多毛病，但我认为你应该能够提取你需要的东西。