导航悬停在背景图像

Question

您好我正在尝试将鼠标悬停在导航按钮上时更改导航按钮的背景图像。当我将鼠标悬停在它上面时，它会从橙色变​​为浅灰色并且文本保持白色。我希望它转到白色背景颜色#ffffff和文本为＃F6861F

我附上了我的template.css文件

我正在使用protostar模板。请帮我找到需要改变的地方。

我的网站是，

Answer 1

您要查找的CSS代码在2843-2847行

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #eee;
}

您需要的新CSS如下：

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #fff;
    color: #F6861F;
}

进行这些更改，你应该全力以赴。