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

为什么不使用CSS3？

.yourelement { 
    background: #fff; 
} 

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

Answer 2

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