border-image在低版本安卓产生多余边框，求解？

Question

使用border-image实现边框颜色渐变，结果产生多余的边框，原本只设置的左边框

<div class="box"></div> 

.box{
        margin: 5px;
     width: 100px;
     height: 100px;
     border-left:10px solid #ddd;
     border-image: -webkit-linear-gradient(#ddd,#000) 30 30;
     border-image: -moz-linear-gradient(#ddd,#000) 30 30;
     border-image: linear-gradient(#ddd,#000) 30 30;
}

正常的效果：

在低版本安卓中：

求破

Answer 1

border-image-slice: 0 0 0 1; 具体看border-image的支持情况链接描述