Question

我设法在菜单上创建了悬停效果。

我想在用户选择菜单时保持橙色。

如何在菜单上创建此类效果？

我正在使用带有wordpress插件的自定义菜单图标

这是网站：

提前致谢！

编辑：

    .menu-item a img {
    border: none;
    box-shadow: none;
    vertical-align: middle;
    width: auto;
}
#menu-meniu >li {padding-left:80px;}
.menu-item a.menu-image-hovered img.hovered-image,
.menu-item a.menu-image-hovered:hover img.menu-image {
    opacity: 0;
    transition: opacity 0.25s ease-in-out 0s;
}
.menu-item a.menu-image-hovered:hover img.hovered-image {
    opacity: 1;
}
.menu-item a.menu-image-title-after.menu-image-not-hovered img,
.menu-item a.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper {
    padding-right: 10px;
}
.menu-item a.menu-image-title-before.menu-image-not-hovered img,
.menu-item a.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper {
    padding-left: 10px;
}

Answer 1

使用悬停代码并定位current-menu-item类。

选择菜单效果

1 个答案: