我发现了一个问题。当我单击 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 或在本主题的附件中
代码片段:
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);
有什么想法吗? 提前致谢!
最佳答案
将这行 css 添加到布局或菜单栏应该可以解决这两个问题:
outline: 0;
(也可能是 outline:none 但如果我没记错的话两者都应该有效。)
关于css - Vaadin 中 HorizontalLayout 周围的虚线轮廓,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4073905/