css - 如何将渐变应用到 div 的边框？

Question

如何使用 CSS 将渐变应用于 div 的边框？请举一个例子。我曾尝试使用谷歌，但无法做到。

Answer 1

诀窍是使用包装器并为其添加背景图像，因此它是 IE7+ 证明

<span class="buttonWrapper">
   <input type="button" value="Submit" />
</span>

JsBin 上的实时示例

Answer 2

http://jsfiddle.net/nicktheandroid/b875w/1/

查看我的演示，我正在尝试使渐变仅位于右边框上，而不是其他边框上。