jQuery Forum

Modify the CSS classes you want to change after they are loaded by JQM. Don't forget to use !important to override JQM css. Use inspector to figure out what you need to change.

I am not sure if I understand "modify after they are loaded by jqm"

You need to learn CSS. There isn't much point in trying to learn jQuery Mobile if you don't know CSS - you aren't going to get anywhere. There are many free resources on the web for learning CSS. Use them.

Look up "CSS cascade".


The following appears in a CSS file:

1. .myclass {
2.   color: red;
3.   }
4. .myclass {
5.   color: blue;
6.   }

What color are characters in a <div> with class myclass?

Blue.

In general, a CSS rule that appears further down the page in a file, or one in a file that is loaded later, supersedes an earlier rule.

Unfortunately, it's not quite that simple, and there are some fairly complex rules about how multiple rules that target the same element combine. Those rules are called the CSS cascade. You need to master the CSS cascade if you want to bend JQM appearance to your liking.

It's conventional to override JQM CSS in a CSS file that you load after you load the JQM CSS. You should not edit the JQM CSS file itself, as that can make it very difficult to upgrade.

You can also use the Theme system to customize appearance in fairly limited ways.

Thanks, I can see your point. since the jqm specific css and js are loaded first, with my.css and my.js being optional follow-up, adding !important mod to my.css or css html will do the trick.