More generally, you can solve this with
table { font-family: inherit; font-size: 1em; }
So it's not really a tabs or a jQuery-UI issue, but more generally how
table styles are reset, set, and thereafter cascade.
**--** Steve
On Dec 30 2009, 6:46 pm, fbloggs <djken...@gmail.com> wrote:
> I just recently used UI tabs in an application. Within a couple of the
> tabs I used tables for content (let's not have a religious debate
> about using tables for layout, please). Anyway, the font size came
> out much bigger than for text in a paragraph, for example. I looked at
> the custom.css file (generated by themeroller) and found this line:
>
> .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget
> button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
> font-size: 1em; }
>
> - designed to handle form input types.
>
> I copied this and added table as a descendant selector, like so:
>
> .ui-widget table { font-family: Lucida Grande, Lucida Sans, Arial,
> sans-serif; font-size: 1em; }
>
> Problem solved.
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
