这是我在这里的第一个问题。任何反馈都是受欢迎的。我正在为我们的site的移动的版本创建一个下拉菜单，我遇到了一个问题，似乎相当直接。
In this image您可以看到展开子菜单时的菜单外观。在Elementor编辑器中工作时，所有内容都是应有的外观。当我进入预览模式或访问实时网站时，展开下拉菜单时会出现以下情况：lines appear around the extended item what I think are borders or an outline。此外，当我关闭子菜单时，菜单项会高亮显示：highlighted menu item。
看起来菜单项被设置为活动状态，并且添加了默认的边框/覆盖。我不明白这是怎么可能的，因为这是我的设置：settings。分隔设置为none，背景色和颜色都设置为正确的值。正常和悬停的设置与活动的相同，因为我不希望发生任何更改。
我尝试了其他颜色值，并将其更改为透明。这些更改工作正常，但黑色边框和覆盖仍然是一个问题。
我还尝试将以下CSS添加到元素中，但没有任何帮助：

selector .menu-item {
    border: none;
    outline: none;
}

我试过重建菜单，一些其他代码片段，禁用缓存插件，设置分离为固体与0 px和更多，但目前为止没有解决它。当查看元素使用inspect我看到，当扩展子菜单类从元素项有子菜单变化为元素项有子菜单突出显示。如果我可以以某种方式禁用这一点，我认为问题将得到解决。
我的HTML和CSS知识是相当有限的，所以我希望有一个简单的修复，我不熟悉。
提前感谢！

**编辑：**感谢@Alivia Pramanik提供快速简单的解决方案！