自定义引导按钮现在显示悬停颜色

Question

我从此网站创建了自定义Bootstrap按钮颜色：http://blog.koalite.com/bbg/

从该网站我获得了以下CSS：

 .btn-sample { 
  color: #ffffff; 
  background-color: #000000; 
  border-color: #030303; 
} 

.btn-sample:hover, 
.btn-sample:focus, 
.btn-sample:active, 
.btn-sample.active, 
.open .dropdown-toggle.btn-sample { 
  color: #ffffff; 
  background-color: #A1A0A3; 
  border-color: #030303; 
} 

.btn-sample:active, 
.btn-sample.active, 
.open .dropdown-toggle.btn-sample { 
  background-image: none; 
} 

.btn-sample.disabled, 
.btn-sample[disabled], 
fieldset[disabled] .btn-sample, 
.btn-sample.disabled:hover, 
.btn-sample[disabled]:hover, 
fieldset[disabled] .btn-sample:hover, 
.btn-sample.disabled:focus, 
.btn-sample[disabled]:focus, 
fieldset[disabled] .btn-sample:focus, 
.btn-sample.disabled:active, 
.btn-sample[disabled]:active, 
fieldset[disabled] .btn-sample:active, 
.btn-sample.disabled.active, 
.btn-sample[disabled].active, 
fieldset[disabled] .btn-sample.active { 
  background-color: #000000; 
  border-color: #030303; 
} 

.btn-sample .badge { 
  color: #000000; 
  background-color: #ffffff; 
}

当我将鼠标悬停在按钮上时，它会显示默认的近乎灰色的颜色。我以为我会看到背景颜色＃A1A0A3 的颜色。

我确实在我想要更改的按钮之前有这种CSS样式，并且在脚本包括bootstrap.css之后列出