背景色Slicknav响应菜单的悬停问题

Question

我在使用slicknav响应菜单时遇到了一个问题，如果导航按钮在样式表中为悬停设置了不同的背景颜色，如果您将鼠标悬停在实际的标记文本上，则背景颜色会正确更改，但如果您将鼠标悬停在远离文本的按钮的任何部分上，则实际文本后面的颜色不会更改。所以你会看到一个相当丑陋的方框围绕着原始颜色的文本。这在所有测试过的浏览器中都会发生。

我找不到任何方法来阻止这种情况发生，css文件并没有那么复杂。我现在已经在一些网站上使用了Slicknav，总是有同样的问题，但这一次我真的需要解决它。

你可以在这里看到一个例子：http://www.yorkluxuryholidays.co.uk/

在响应模式下，将鼠标悬停在某个具有子菜单的菜单项上的任意位置，但不直接悬停在菜单文本本身上，文本后面的区域不会改变颜色。

这是我用来悬停的css：

.slicknav_nav .slicknav_item:hover {
background:#59584e;
color:#fff; }
.slicknav_nav a:hover{
background:#59584e;
color:#fff;}

你给哪个类设置颜色似乎没有区别，无论是哪一个，或者两者都是，行为是完全相同的。

我很想知道有没有办法用css解决这个问题！

Answer 1

在你的css中添加：

.slicknav_nav a:hover * {
    color:#fff;
    background-color:#7b9fc7;
}