html - 如何在按钮上设置悬停样式？

Question

这是 HTML:

<div id="navigationBar"><a href=""><input type="Submit" value="Home" class="navButton"/></a>
                    <a href=""><input type="Submit" value="Users" class="navButton"/></a>
                    <a href=""><input type="Submit" value="Administrator's Tools" class="navButton"/></a>
                    <a href=""><input type="Submit" value="Search" class="navButton"/></a>

按钮的样式:

#wrapper #navigationBar a .navButton { /* Navigation Bar Buttons */
    background-color: Transparent;
    background-repeat:no-repeat;
    border: 1px;
    border-color: black;
    cursor:pointer;
    overflow: hidden;
    width: 180px;
    height: 55px;
    font-family: Gisha;
    font-size: 18px;
    color: black;
    outline: none;

}

我只是想给它一个简单的悬停颜色:

#navButton:hover{
background-color: grey;
color: white;
}

我做错了什么？

Answer 1

您使用了哈希而不是句号/句号

#navButton:hover

应该是

.navButton:hover