CSS styles are kind of a pain to use. I want the styles for most things, but I want to blow away them for tabs

CSS styles are kind of a pain to use. I want the styles for most things, but I want to blow away them for tabs

I think the way that tabs are styled are a little ill-conceived. You see, I want the basic styles for a theme just fine for date pickers and autocomplete drop-down boxes... but I don't want the styles for tabs.

I think the problem comes in where you guys are using .ui-widget-content and stuff for the tabs - the fact that you are sharing a lot of classes across widgets makes things less configurable and harder to customize. A lot of people will want their tabs to really reflect how their site looks like - because they need to mirror how other navigations look like. Yours is actually really complex... there's all of this div layer and borders... it's like 3 nested borders. It looks ugly and will most likely not fit with many layouts.

Now, I know I can just disable it, but that's the problem. If I am using an autocomplete box on the same page as tabs, I have to load .ui-widget-content and other style classes - which makes the tabs look awful.

This is how it looks:
http://dl.dropbox.com/u/443421/tabs1.png

This is how I would like it to look without affecting how the datepickers and autocomplete dropdown boxes work:
http://dl.dropbox.com/u/443421/tabs2.png

I only really want the BEHAVIOUR of the tabs. I actually want to be totally in control of styling them. The only way I know how to do this is to complete not load your styles at all, or override every little thing... but that will cause problems for the auto-complete boxes.

Is there any way I can get around this? I don't expect it to get fixed or anything. I do consider it a mistake though... so if you're looking for things to change, this is one thing you guys can add to the list ;(

I'd appreciate any assistance in the meantime. This is frustrating.