如何将SVG文件包含为<input>背景

Question

我是SVG世界的新手,刚开始尝试今天.我正在尝试创建一个移动网站,其中主要图形都是可扩展的,从而支持所有显示分辨率.

我为我的输入创建了一个svg文件(当前type ="image"),令人惊讶的是结果与我的代码编辑器(Coda)中的结果一样.在测试(移动Safari,DT Safari和DT FF)时,输入显示损坏的图像路径占位符(誓言是正确的,因为我可以右键单击下载文件).

如何在(html5)文档中包含我的SVG文件？

Answer 1

请参阅在背景图像中使用SVG.用于在输入中放置背景图像的CSS与任何其他元素相同:

input { background-image:url('foo.svg') }