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 [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
