Pop-up menus use separate styles to the menu bar...
Pop-up menus and their contents are referenced by the CSS class:
To apply a background colour, use the following syntax:
If you're using a pre-built menu style that has a graphical background, you'll need to remove the background image in order for your background colour to be seen:
For more information on styling backgrounds with CSS, including using background images, please see CSS Background.
To set the border on pop-up menus, use the following notation:
The example above would display a 1 pixel dotted black border on the top and bottom of the menu bar.
For more information on styling backgrounds with CSS, including using background images, please see CSS Border.
To change the text settings for all items on pop-up menus, you need to apply the styles to the
.label which contains the text, for example:
You can also customise the text for different states, for example:
Should you wish to customise the pop-up menus within a specific theme panel, you can prefix the style with the panel class: