jquery - Disable class inhernces on particular page ID -
i'm using jquery mobile web app. on project developers override of main jquery mobile classes like:
.ui-btn-text .ui-icon .ui-btn-corner-all
for example:
.ui-btn-text { color:#fff; padding:6px 10px; line-height:10px; font-size:12px; /* settings.... */ }
i'm adding new input
, automatically inherits overridden class. how can disable inherited on particular page, work jquery mobile classes, example disable #pagetest.
just reset original values according jquery mobile's stylesheet. if it's un-minified version of jquery, can found here.
here example of in practice. example like
#pagetest.ui-btn-text { position: relative; z-index: 1; }
the other option use javascript , iterate through each instance of class. using jquery easiest:
$('.ui-btn-text').each(function() { $(this).css({ 'position' : 'relative', 'z-index':'1', //etc... }); });
Comments
Post a Comment