将鼠标悬停在按钮上

Question

我正在使用jquery在我的网页上添加一些按钮。我想添加一个悬停选项并更改按钮的颜色。所以我用的是：

#nameOfTheButton:hover
{
    background-color: #558B47;
}

我明白了：

因此按钮不是全部用绿色着色，而是在底部只有一点条带。

我使用这些链接添加jquery：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="jquery.csv-0.71.min.js"></script>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

如何为整个按钮着色？