Elementor移动端下拉菜单高亮及边框/轮廓问题求助

我首次在此提问，欢迎各位反馈。

我正在为网站移动端创建下拉菜单，遇到了样式异常问题：

• Elementor编辑器中显示完全正常，但进入预览模式或访问线上网站时，展开子菜单后，菜单项周围会出现疑似边框或轮廓的线条；
• 关闭子菜单后，对应菜单项会被高亮显示。

看起来菜单项被自动设置为激活状态，并添加了默认边框/遮罩效果，但我的菜单设置里：

• 分隔已设为“无”；
• 正常、悬停、激活状态的背景色和文字色设置完全一致，本意是让菜单没有任何样式变化。

我尝试过以下方法均未解决问题：

• 修改颜色值为透明，仅颜色设置生效，边框和遮罩问题仍存在；
• 为元素添加以下CSS代码，无效果：

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

• 重建菜单、更换其他代码片段、禁用缓存插件、将分隔设为实线0px等。

通过检查元素我发现，展开子菜单时，菜单项的类会从elementor-item has-submenu变为elementor-item has-submenu highlighted，如果能禁用这个highlighted类的样式效果，问题应该就能解决。

我的HTML和CSS知识有限，希望能找到简单可行的解决方案。

提前感谢各位！

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

内容的提问来源于stack exchange，提问作者Nemo Leerink