我发现了一个问题。当我单击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;
(也可以是大纲:无,但如果我没记错的话,两者都应该可以使用。)
关于css - Vaadin中HorizontalLayout周围的虚线轮廓,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/4073905/