Theme Defaults

If you do not add data-theme attributes to a page, jQuery Mobile will apply default themes for all page containers and form elements (see Table 7–1).

images

For instance, if we create a basic jQuery Mobile page without explicitly setting its themes, our elements will fall back to their default theme or inherit the theme of their parent container. In Figure 7–7, default themes were applied to the page, header, footer, content, and list elements, whereas the form elements inherit their themes.

images

Figure 7–7. Page with default and inherited ...

Get Pro jQuery Mobile now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.