2010-11-01 47 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; 

(也可能是大綱:沒有,但如果我沒有記錯都應該工作。)