javascript - How do I override Jquery Mobile Structure CSS with customThemeRoller CSS? -
edit: realized classes trying have styled not included in themerollers css. trying style .ui-li elements, these not included in themeroller. misleading , aggravating. don't recall ever being addressed on website.
i have made first custom theme through jqm's themeroller. jqm structure css included keeps overriding custom themeroller css. i've tried placing in <head> section of html code above , below jqm structure:
<link rel="stylesheet" href="mycustomtheme.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile.structure-1.3.1.min.css" /> or
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile.structure-1.3.1.min.css" /> <link rel="stylesheet" href="mycustomtheme.css" /> i've tried !important thing in custom css elements have incorrect style, still overridden structure css. not sure why so. how can use custom themeroller css overrides unthemed jqm structure css?
seeing clarification in question.have tried giving
data-role="none"elements want give customized css?it prevent element getting applied jquery mobile structure css.
and allowed edit jquery mobile css customized styling. need use unminified version of jquery mobile css debugging purpose.
Comments
Post a Comment