Html 如何内联设置SVG背景？

有没有办法定义SVG内联？例如，我可以使用此CSS为CSS中的按钮背景定义外部SVG，但我不知道如何内联执行此操作：

<input id="Button867" type="button" value="Button" class="buttonSkin">

.buttonSkin {
    background: url(assets/svg/button_skin_up.svg) 0 0 no-repeat;
    border: 0px;
}

.buttonSkin:hover {
    background: url(assets/svg/button_skin_over.svg) 0 0 no-repeat;
    border: 0px;
}

.buttonSkin:active {
    background: url(assets/svg/button_skin_down.svg) 0 0 no-repeat;
    border: 0px;
}

纽顿斯金先生{
背景：url（assets/svg/button\u skin\u up.svg）0 0无重复；
边界：0px；
}
.巴顿斯金：悬停{
背景：url（assets/svg/button\u skin\u over.svg）0 0无重复；
边界：0px；
}
.buttonSkin:活动{
背景：url（assets/svg/button\u skin\u down.svg）0 0无重复；
边界：0px；
}

使用Bigbadoboms建议，我应该能够做到以下几点：

<input id="Button867" type="button" value="Button" class="buttonBackgroundSkin">

.buttonBackgroundSkin {
    background-image:url(data:image/svg+xml;base64,<--base64 encoded SVG file-->);
    border: 0px;
}

.buttonBackgroundSkin:hover {
    background-image:url(data:image/svg+xml;base64,<--base64 encoded SVG file-->);
    border: 0px;
}

.buttonBackgroundSkin:active {
    background-image:url(data:image/svg+xml;base64,<--base64 encoded SVG file-->);
    border: 0px;
}

.纽扣背皮肤{
背景图像：url（数据：image/svg+xml；base64，）；
边界：0px；
}
.按钮背景皮肤：悬停{
背景图像：url（数据：image/svg+xml；base64，）；
边界：0px；
}
.按钮背景皮肤：活动{
背景图像：url（数据：image/svg+xml；base64，）；
边界：0px；
}

我会进一步调查的。我真的在找这样的东西：

<input id="Button867" type="button" value="Button" class="buttonBackgroundSkin">
   <background-image>
      <svg>
       ... 
      </svg>
   <background-image>
   <background-image:hover>
      <svg>
       ... 
      </svg>
   <background-image:hover>
</input>

... 
... 

您可以将SVG的地址插入到img标记的src属性中

<img src="http://upload.wikimedia.org/wikipedia/commons/b/b0/NewTux.svg" alt="">

---

是的，您可以使用数据URL。比如：

background-image:url(data:image/svg+xml;base64,<--base64 encoded SVG file-->);

背景图像：url（数据：image/svg+xml；base64，）；

---

你可以通过谷歌搜索找到许多在线base64编码器。使用其中一个对SVG文件进行编码，然后将其粘贴到上面指定的位置。

@Paulie\u D谢谢您提供的链接。用户名很好。我想我明白你的意思了。我将在OP.Hi@Anon中添加一个示例，我在寻找内联的东西，而不是SVG文件的引用。见执行部分。

.hover{display:none;}
a:hover .hover{display:block}

background-image:url(data:image/svg+xml;base64,<--base64 encoded SVG file-->);