Question

请你看一下this demo，让我知道为什么我没有设置bootstrap 3中按钮活动状态的背景颜色？我期待的是在点击工作之后将背景颜色设置为红色，直到鼠标悬停在按钮上，但是一旦鼠标离开，它就会再次变为透明！

由于

.btn-sample
 {
  text-shadow: none;
  color: white;
  background:transparent;
  border:2px solid red;
  color:red;
}
.btn-sample:hover
 {
  text-shadow: none;
  color: white;
  background:red;
}
.btn-sample:active {
  box-shadow: none;
  background-color: red;
}
.btn-sample.active {
   background-color: red;
}
.btn-sample:active:focus {
  color: #ffffff; 
  background-color: red; 
}
.btn-sample.active:focus{
     background-color: red;
   }
.btn-sample:active:focus{
      background-color: red;
   }

Answer 1

单击按钮时，Bootstrap不会自动附加active类。你需要一些jQuery（或者你可以使用javascript）为你做这件事。

试试这个：

$('.btn-sample').click(function() {
  $(this).toggleClass('active');
});

Updated your link here

设置Bootstrap活动按钮背景颜色的问题

1 个答案: