Изменение цвета анимированной адаптивной кнопки - PullRequest
Новая
       10

Изменение цвета анимированной адаптивной кнопки

0 голосов
/ 09 апреля 2019

Я не могу изменить цвет отзывчивой кнопки начальной загрузки в 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>

Ответы [ 4 ]

1 голос
/ 09 апреля 2019

Ваш CSS неправильный. 

.header-requestbtn.contactus-btn.hvr-bounce-to-right {
    background-color: grey;
}
0 голосов
/ 09 апреля 2019

Если вы хотите изменить цвет при наведении, вам нужно добавить состояние :hover в конец класса

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

0 голосов
/ 09 апреля 2019

У меня была проблема с вашим интервалом для имени класса

здесь будет исправлен код 

<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>
0 голосов
/ 09 апреля 2019

Просто сделай 

<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>
...