如何识别负责转动车轮动画的代码并设置其样式

我设法帮你找到了。要更改颜色,应更改以下内容。

.button.loading:after {
color: #FFFFFF; /* This is the default color */
}

如果你想玩弄动画的细节,那么你应该玩弄

button.loading:after, input[type="button"].loading:after, 
input[type="reset"].loading:after, input[type="submit"].loading:after, 
.button.loading:after, .added_to_cart.loading:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
content: "\f110";
-webkit-animation: fa-spin .75s linear infinite;
animation: fa-spin .75s linear infinite;
height: 20px;
width: 20px;
line-height: 20px;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
}

要在加载处于活动状态时更改按钮的背景色,应更改以下内容

.button.loading:hover {
background-color: #eeeeee;
}

希望这有帮助。

人们通常在保存数据或需要通过ajax与服务器对话时添加微调器图像或gif,我看到在单击“添加到购物车”时使用了ajax。

 $.ajax({
  // your ajax code
  beforeSend: function(){
       $('.loader').show()
   },
  complete: function(){
       $('.loader').hide();
  }
 });

因此,您可以查找loading或loader类,或者查看ajax javascript本身,以了解调用它的位置。