Question

我无法更改CSS中响应式引导按钮的颜色。

我正在将Bootstrap 3与HTML一起使用。

<div class="col-md-12 text-center"> 
 <a data-animation="animated fadeInUp" class="header-requestbtn contactus-btn hvr-bounce-to-right" href="site/indexfdd4.html">PRODUCTS!</a></div> 
    <style>
        .header-requestbtn contactus-btn hvr-bounce-to-right {

         background-color: grey;
    }
    </style>

Answer 1

您的CSS错误。

.header-requestbtn.contactus-btn.hvr-bounce-to-right {
    background-color: grey;
}

Answer 2

就做

<div class="col-md-12 text-center"> 
    <a data-animation="animated fadeInUp" class="header-requestbtn contactus-btn hvr-bounce-to-right" href="site/indexfdd4.html">PRODUCTS!</a>
</div> 

<style>
.contactus-btn {
      background-color: grey;
}

</style>

Answer 3

假设您要在悬停时更改颜色，则需要在类的末尾添加:hover状态

.header-requestbtn.contactus-btn.hvr-bounce-to-right:hover { background: grey; }

Answer 4

我对您的班级名称间距有疑问

此处将得到更正的代码

<html>
    <style>
    .header-requestbtn_contactus-btn_hvr-bounce-to-right {
        background: grey;

}


</style>


  <div class="col-md-12 text-center"> 
    <a data-animation="animated fadeInUp" class="header-requestbtn_contactus-btn_hvr-bounce-to-right" href="site/indexfdd4.html">PRODUCTS!</a></div> 



</html>

更改动画响应式按钮的颜色

4 个答案: