JavaVaadin如何自定义菜单栏使其看起来像链接

Question

我知道这是用CSS（好的SCSS）完成的，但我正在努力设计样式，使MenuBar看起来像文本。我对MenuItems没有意见，我只是希望MenuBar本身看起来像链接。一个很好的例子是StackOverflow顶部的帮助链接，就在屏幕顶部搜索框的左侧

默认情况下，在Vaadin中，它看起来像按钮，当我单击按钮时，按钮会高亮显示，并具有此额外的边框颜色，如下所示：

我想删除所有这些，只是让它看起来像一个链接，你点击。MenuItem样式很棒，但我只想让它看起来像文本。我喜欢羽绒胡萝卜，也喜欢菜单的样式，我想改变的只是菜单栏。以下是一个例子：

我已经和css混在一起有一段时间了，我就是找不到合适的样式。任何帮助都将不胜感激。同样，我只是想删除MenuBar的样式，而不是别的。到目前为止，我已经：

  .myMenuBar
  {
    border: none;
    background-image: none;
    background-color: myBackgroundColor;
    box-shadow: none;
  }

问题是，我仍在努力解决许多样式元素：

例如，我单击时仍有一个蓝色突出显示的按钮。此外，弹出菜单的背景是我的自定义颜色。在这两个元素之间还有一条黑色分隔线。虽然很难看到MenuBar上下有一条白色和灰色的细线，以显示一定的深度

更新：增加了一些css的改进，但我还有很长的路要走

Answer 1

即使有了问题下方评论中的链接，我仍然难以找到解决方案。最后，我遇到了ValoTheme类，发现我可以用一行代码做我想做的事情。事实上，这比我计划的要好得多，这让主题设计师们大吃一惊

menuBar.setStyleName(ValoTheme.MENUBAR_BORDERLESS);