jquery - JQuery 边框动画 Chrome & Firefox 问题

Question

我正在尝试将 JQuery 用于彩色动画（使用 jquery-ui 和 jquery.color）。它适用于背景颜色

function t1() {
    $('#i1').animate({backgroundColor: '#0f0'}, 1000, t2);
    //$('#i1').animate({borderColor: '#0f0'}, 1000, t2);
}
function t2() {
    $('#i1').animate({backgroundColor: '#00f'}, 1000, t1);
    //$('#i1').animate({borderColor: '#00f'}, 1000, t1);
}

t1();

但是对于borderColor，相同的代码无法正常工作（似乎jquery在每个动画之前将颜色重置为#fff）。

演示（我希望边框和背景颜色相同）：http: //jsfiddle.net/xqCNx/

Answer 1

解决方案很简单。只需使用borderLeftColor、borderRightColor、borderTopColor、borderBottomColor 而不是borderColor。