Menubar background color

here is my css, background color is not change correct color, how to change bg color pls help me :frowning:

.v-menubar-submenu {
background: transparent;

}

.v-menubar {
background: blue;
color:red;

font-size:16px;
color:#1d9dff;
font-weight:normal;
border:activeborder;
background-color: #d4e7f3;
}

.gwt-MenuItem {
background: black;
color:red;
font-family: Geneva,Arial,Helvetica,sans-serif;
font-size:12px;

}
.gwt-MenuItem-selected {

font-family: Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
color: lime;
}

.menuitem {
font-size:12px;
color:green;
font-weight: bold;
border:activeborder

}

.main-body {
background:black;
}

Could you elaborate what exactly you are trying to do? Your css does all kinds of things, but I’m not quite certain what kind of results you are aiming at. Which background is wrong, and what colour did you want it to be? As a quick observation, if you meant to change the Vaadin version of menuitem, it should be v-menubar-menuitem, not just menuitem, but that’s just a guess since I don’t know what kind of components you actually have.