jQuery Forum

See the CSS classes listed and explained here:
http://jqueryui.com/docs/Theming/API

You can always take a look at the html markup for the tabs and create
a new CSS override that does what you want. I'd recommend doing this
in a new CSS file that is referenced last on the page instead of
editing any of the CSS files generated by ThemeRoller.
See the theming tab on the docs page for the class structure:
http://jqueryui.com/demos/tabs/
The active tab has multiple classes you can key off for your custom
styles, the I'd write a style against "ui-tabs-selected" and "ui-tabs"
to get whatever effect you want.
BTW - if you want to style away the bg colors and borders, you can
just go to ThemeRoller and set the border color and bg color to your
page color. You can turn off the rounded corner CSS styles there too:
http://jqueryui.com/themeroller/
Just make these changes and hit download.

Hey everyone!  This can easily be done using Firefox's "Inspector" tool (under "Tools">>"Web Developer").

-Hover over the area of the site which you want to modify.  (Please note that there might be several layers affecting the look.)
-Under the "Rules" section, at the lower right, are all the CSS classes and attributes applied to what you have selected.  You can easily tell what affects what by unchecking the box next to them, thus turning them off.
-Copy the CSS class that affects what you want to change into your site's CSS.  Modify the attributes exactly as seen under the "Rules" section in Firefox.
-Repeat until success!

For example, I got the background behind my tabs (jquery 1.8) to be transparent by putting in this CSS:

1. .ui-widget-header, .ui-widget, .ui-tabs-nav, {
   background-color: transparent;
   border: transparent;
   }
   div#tabs {
   background-color: transparent;
   border: transparent;
   }
   .ui-widget-content {
   background: transparent;
   }
   .ui-widget-header {
   border: transparent;
   background: transparent;
   }