Vaadin的Horizo​​ntalLayout周围的虚线轮廓

Question

我发现了一个问题。当我单击Horizo​​ntalLayout（包含MenuBar）时，会出现虚线边框（在Firefox中）或实心边框＃CC540A（在Chrome中）。在IE7和Opera中，一切都很好 - 它不会发生在那里。

此处提供的截图： http://img257.imageshack.us/img257/5056/problemvaadin.png 或者在这里 http://www.pl.image-share.com/ipng-27-12.html 或者在本主题的附件中

代码段：

HorizontalLayout rightContent = new HorizontalLayout();

rightContent.setWidth("995px");
rightContent.setHeight("117px");
rightContent.addStyleName(IEhrCssStyles.MAIN_HEADER_LAYOUT_RIGT_CONTENT);
MenuBar menuBar = createMenuBar();
rightContent.addComponent(menuBar);
rightContent.setComponentAlignment(menuBar,Alignment.BOTTOM_RIGHT);

有什么想法吗？ 提前谢谢！

Answer 1

将这行css添加到布局或菜单栏应该解决这两个问题：

outline: 0;

（也可能是概述：没有，但如果我没记错，两者都应该有用。）