将鼠标悬停在按钮上时，如何更改按钮的颜色？

Question

我知道这个问题可能已被多次询问，但我已经看到了一些答案而且并不是真正理解。基本上我想在悬停在按钮上时更改按钮的颜色。这是我的CSS代码和我使用的类名。

.ButtonClass{
    width:190px;
    height:50px;
    margin-top:100px;
    margin-left:5px;
    background:#6aa404;
    border:none;
    z-index:100;
    padding:7px 15px 8px 15px;
    font-weight:800;
    font-style:normal;

}

Answer 1

.ButtonClass:hover {  
  background-color: #ccc; /*button color*/
}