Как изменить цвет при наведении курсора на кнопку css

Question

Я настраиваю сеть и хочу изменить цвет CSS на кнопке.

https://www.dropbox.com/s/usb8l3kpvnpoom8/bandicam%202018-10-15%2023-13-01-381.mp4?dl=0

Если вы видите это видео, когда мышь находится за пределами круга, цвет кнопки серый.Я хочу вместо этого установить синий цвет, а когда мышь находится на круге, оставайтесь оранжевым цветом.Надеюсь, у вас есть идея

Answer 1

вы можете использовать этот формат для изменения цвета фона при наведении CSS

 .your-class:hover {
   background-color: #777 !important; 
}

Answer 2

вы можете настроить теги и охватить вещи соответственно:

.buttoncolor { background-color: blue; }
.textcolor:hover { background-color: orange; }

<button class="buttoncolor">
  <a href="path/to/url" class="textcolor">some text</a>
</button>

Answer 3

Надеюсь, вы могли бы предоставить код CSS в следующий раз!

Но, основываясь на вашем коде с сайта, вы можете изменить цвет фона

.darna-icon-box.style4 .ibox-icon {
   background-color: blue; // change to hex value if you want
}

Добавить это для hover

.darna-icon-box.style4 .ibox-icon:hover {
   background-color: orange; // change to hex value if you want
}

Проверьте https://www.w3schools.com/css/css3_buttons.asp, чтобы узнать больше о стилях кнопок.