Отключить класс inhernces на определенной странице ID

Question

Я использую jQuery Mobile для веб-приложений. В этом проекте разработчики переопределить некоторые из основных классов JQuery Mobile, как:

.ui-btn-text 
.ui-icon 
.ui-btn-corner-all 

, например:

.ui-btn-text { 
    color:#fff; 
    padding:6px 10px; 
    line-height:10px; 
    font-size:12px; 
    /* 

    some settings.... 

    */ 
} 

Я добавляю некоторые новые input и автоматически наследует от перегруженного класса. Как я могу отключить это унаследованное на определенной странице, поэтому он будет работать с классами jQuery Mobile, например отключить его для #pageTest.

Answer 1

Просто верните исходные значения в соответствии с jQuery mobile's stylesheet. Если это недопустимая версия jQuery, она может быть найдена here.

Here is an example of that in practice. Для примера, которые выглядят как

#pageTest.ui-btn-text { position: relative; z-index: 1; } 

Единственный вариант является использование Javascript и перебирать каждый экземпляр класса. Использование jQuery было бы самым простым:

$('.ui-btn-text').each(function() { 
    $(this).css({ 
     'position' : 'relative', 
     'z-index':'1', 
     //etc... 
    }); 
});