html - 等效于 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;

根据您的需要更改颜色。