JQuery边框动画Chrome＆amp; Firefox问题

Question

我正在尝试使用JQuery进行颜色动画（使用jquery-ui和jquery.color）。它适用于backgroundColor

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。