使用CSS在topmenu上禁用悬停效果

Question

我尝试在CSS上为www.skinmed.nl的右上菜单使用不同的代码

我的CSS：

#menu-item-3473{
pointer-events: none;
}

它可用于禁用该按钮上的所有事件，但是当我将鼠标移到该按钮上时，我只想禁用浅灰色。该按钮具有悬停图像，因此需要保持相同的功能，而背景没有浅灰色。

我只想在社交媒体按钮，whatsapp，facebook，instagram和新闻通讯上禁用浅灰色悬停。不是按钮：“ mijn帐户/我的帐户”和“ winkelmand /购物篮”。

注意：感谢您的答复。我也尝试过：

#access ul li:hover {
background-color: #555555 ;important!

和

#header #access ul li:hover {
background-color: #555555;

注意：工作代码：

.topmenu ul li.menu-item-object-custom a:hover {
background-color: unset;

}

Answer 1

您需要像这样在悬停时匹配背景颜色

#header #access ul li:hover {
    background-color: #555555;
}

Answer 2

添加此CSS。希望这对您有帮助

.topmenu ul li.menu-item-object-custom a:hover {
    background-color: unset;
}