如何更改按钮 CSS 单击/拖动颜色？ [关闭]

Question

您可以在这里查看我的网站：https://www.counterboosting.com/buy-csgo-rank-boosting/

拖动“立即购买”按钮时，它会随机变为绿色。如果有人能帮我保持它的橙色。谢谢！

.col-boosting .btn-pay-rank {
	height: 65px;
	font-weight: bold;
	background: #e06b38;
	border: none;
	box-shadow: 0 7px 0 0 #c7511f;
}

.col-boosting .btn-pay-rank:hover {
	height: 65px;
	background: #dd5a22;
	font-weight: bold;
	border: none;
	box-shadow: 0 7px 0 0 #c7511f;
}

.col-boosting .btn-pay-rank[disabled] {
	height: 65px;
	font-weight: bold;
	background: #e06b38;
	border: none;
	box-shadow: 0 7px 0 0 #c7511f;
}

.col-boosting .btn-default {
	height: 65px;
	font-weight: bold;
	background: #e06b38;
	border: none;
	box-shadow: 0 7px 0 0 #c7511f;
}

.col-boosting .btn {
	height: 65px;
	font-weight: bold;
	background: #e06b38;
	border: none;
	box-shadow: 0 7px 0 0 #c7511f;
}

.col-boosting .btn-primary {
	height: 65px;
	font-weight: bold;
	background: #e06b38;
	border: none;
	box-shadow: 0 7px 0 0 #c7511f;
}

.col-boosting .btn-pay-rank-primary:hover, .col-boosting .btn-pay-rank-primary:focus, .col-boosting .btn-pay-rank-primary:active, .col-boosting .btn-pay-rank-primary.active, .open > .dropdown-toggle.btn-pay-rank-primary {
	height: 65px;
	font-weight: bold;
	background: #e06b38;
	border: none;
	box-shadow: 0 7px 0 0 #c7511f;
}

.col-boosting .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	height: 65px;
	font-weight: bold;
	background: #e06b38;
	border: none;
	box-shadow: 0 7px 0 0 #c7511f;
}

.col-boosting .btn-primary:active, .col-boosting .btn-primary.active {
	height: 65px;
	font-weight: bold;
	background: #e06b38;
	border: none;
	box-shadow: 0 7px 0 0 #c7511f;
}

如您所见，我几乎尝试了所有方法，但似乎找不到解决方案。一些帮助将不胜感激。谢谢！

Answer 1

您有需要覆盖的规则

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
  color: #fff;
   background-color: #449d44;
   border-color: #398439;
}

此规则使您的按钮在激活/聚焦时变为绿色。因此，您需要或覆盖它或将其包含在按钮样式、焦点样式和活动状态中。

你可以试试这样的：

.col-boosting .btn-pay-rank:hover,
.col-boosting .btn-pay-rank:focus,
.col-boosting .btn-pay-rank:active {
   height: 65px;
   background: #dd5a22;
   font-weight: bold;
   border: 0;
   box-shadow: 0 7px 0 0 #c7511f;
}

这应该可行。

HTH。