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; 

改變顏色，以滿足您的需求。