Vaadin 中 HorizontalLayout 周围的虚线轮廓答案

【问题标题】：Dashed outline around HorizontalLayout in VaadinVaadin 中 HorizontalLayout 周围的虚线轮廓
【发布时间】：2011-05-03 16:48:43
【问题描述】：

我发现了一个问题。当我单击 HorizontalLayout（包含 MenuBar）时，它周围会出现虚线边框（在 Firefox 中）或实线边框 #CC540A（在 Chrome 中）。在 IE7 和 Opera 中一切正常 - 它不会在那里发生。

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

代码sn-p：

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);

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

【问题讨论】：

看起来像标准的“重点”轮廓。见stackoverflow.com/questions/3707918/…（我对Vaadin不熟悉，所以我不能告诉你在哪里放置CSS）

标签： css vaadin

【解决方案1】：

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

outline: 0;

（也可能是大纲：无，但如果我没记错的话，两者都应该工作。）

【讨论】：