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...     }); });