悬停问题与背景颜色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;
}