如何将渐变应用于div的边框？

Question

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

Answer 1

诀窍是使用包装器并有一个背景图像，所以这是IE7 +证明

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

直播 example on JsBin

Answer 2

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

查看我的演示，我正在尝试让渐变只在右边框而不是其他边框。