эквивалент градиента границы 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;

Измените цвета в соответствии с вашими потребностями.