禁用特定页面ID上的类继承

Question

我正在使用jQuery Mobile for web App。在这个项目中，开发人员覆盖了一些主要的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...
    });
});