Using jQuery UI for div style

I have a jQuery UI smoothness theme and I would like to use "look" for div styles on my page. For instance. apply a gray, shaded rounded corner effect to a regular div that is NOT an accordion, button, etc.

I thought it would be easy! Perhaps it?!

Thank!

+3
source share
2 answers

Take a look at jQuery UI themeroller . You can select an existing theme or customize it, and then use Chrome or Firefox / Firebug, for example, right-click β†’ Inspect item and copy class names.

ui-widget, ui-widget-contentand ui-corner-allare the most likely class names you are looking for.

+5
source

, CSS, .

<div id="login" align="center" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
<ul id="login_header" class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
    Header
</ul>
<div id="login_form" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
    content
</div>

+3

All Articles