I am using html5, css, jquery mobile to develop some application. But the html elements and css are overridden by jquery-mobile default style sheet (jquery.mobile-1.0.css).
How can i overcome this problem? I just want to use my style to my page. For example If I give bgcolor=”red” in body tag, it will not work..
Please give me some suggestions….
Thanking you….
Use CSS and if necessary mark attributes as
!important.If that doesn’t work, e.g. because another selector from the jQuery Mobile CSS overrides it, use
!important:The precedence rules are explained here: http://www.w3.org/TR/CSS21/cascade.html#specificity – however, usually simply testing if your rule already works or if it needs
!importantis sufficient.What you certainly should do is including your stylesheet after the jQuery mobile CSS. This gives equally-weighted rules in your stylesheet a higher priority even without
!important.