jQuery动画背景颜色输入按钮不起作用

Question

我完全不知道为什么背景颜色没有变化，我已经花了太多时间在它上面：

<input type="button" class="front-consultation-btn" value="Get A Free Consultation">

<script>
    $('.front-consultation-btn').animate({ backgroundColor: '#FF0000', width: 400 }, 500);
</script>

为什么这只会改变宽度属性？

Answer 1

这是因为jQuery默认不支持动画颜色，jQueryUI添加了这个功能：http://jqueryui.com/demos/animate/

Answer 2

为什么不使用CSS3？

.yourelement {
    background: #fff;
}

.yourelement:focus, .yourelement:hover {  
    -webkit-transition: background-color 0.5s linear;   
    background: #ccc;   
}