2010-11-01 97 views
0

我发现了一个问题。当我点击Horizo​​ntalLayout(包含MenuBar)时,虚线边框(在Firefox中)或固体边框#CC540A(在Chrome中)出现在它周围。在IE7和Opera中一切都好 - 它不会在那里发生。Vaadin的Horizo​​ntalLayout的虚线轮廓

截图可在这里: 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); 

任何想法? 在此先感谢!

+0

看起来像标准的“专注”轮廓。看到http://stackoverflow.com/questions/3707918/cant-get-rid-of-dotted-outline-in-firefox-links(我不熟悉Vaadin,所以我不能告诉你在哪里放置CSS) – 2010-11-01 23:20:44

回答

2

添加此行的CSS要么布局或菜单栏应该修复它为两个问题:

outline: 0; 

(也可能是大纲:没有,但如果我没有记错都应该工作。)