In the last section of this chapter, we are going to change the menu bar, menu, and menu list backgrounds to the same background as that of the other components.
As mentioned earlier in this chapter, the menu bar, menu, and menu list components are rather bland. This is because we used ThemeRoller to create the basis for our theme, and this doesn't have anything to do with a component-specific look and feel. At most, the content of the menu bar, menu, and menu lists will be defined as widget content. If we only want to change the way the menu bar, menu, and menu list content looks, we have to be more specific when changing or creating rules. If you examine the HTML for the menu bar, you will see the rules that are defined for its look and feel:
class="ui-menu ui-menubar ui-widget ui-widget-content ui-corner-all ui-helper-clearfix"
Apart from the ui-helper-clearfix
rule, which simply sets browsers' default values to common values, we have the usual ui-widget ui-widget...