如何禁用 GWT MenuBar 中子菜单后面的阴影？

Posted 2023-02-16

【中文标题】如何禁用 GWT MenuBar 中子菜单后面的阴影？

【英文标题】：How can I disable the shadow dropping behind a sub-menu in GWT MenuBar?

【发布时间】：2011-04-12 13:46:37

【问题描述】：

我使用 Google 的 GWT 创建了一个 MenuBar，其中包含折叠子菜单，如下例所示：GWT Showcase MenuBar

将鼠标悬停在 MenuItem 上会打开一个子菜单（如果已定义）。子菜单会掉落一个非 css3 阴影，这不适合我的 ui 设计，因为我使用的是不同样式的 css3 box-shadow。

乍一看似乎无法在某些属性中禁用此阴影...有人知道如何做吗？

【参考方案1】：

MenuBar 弹出窗口是一个 9 框 - 一个包含 9 个单元格的表格。表格中的框的样式名称与模式.menuPopup[Position] 和.menuPopup[Position]Inner 匹配，其中Position 是例如TopLeft、BottomRight、Left 等。

如果您从 Showcase 复制了样式，则删除所有对不是 .menuPopupMiddleCenter 或 .menuPopupMiddleCenterInner 的单元格的引用就足以删除您看到的阴影。