mozilla边界渐变等效

Question

我认为我的想法是在Chrome中工作但在Firefox中仍未能这样做。 以下是适用于Chrome的概念：

<ul>
 <li>test</li>
 <li>test</li>
 <li>test</li>
 <li>test</li>
 <li>test</li>
</ul>

ul{-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#FF9999), color-stop(100%, #4AC0F2)) 0 100% 0 0/0 5px 0 0 stretch;}

JSFIDDLE

我尝试按照以下方式进行操作，以便在Firefox中使用它，但我得到水平而不是垂直渐变。

border-right: 5px solid; -moz-border-right-colors: #71637D #FF9999;

谢谢

Answer 1

-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;

根据您的需要更改颜色。