1

我想更改 JQuery Mobile 中可折叠元素的样式:该元素不应该有任何边框并且是完全白色的。我尝试了以下方法:

 <div class="ui-block-a" data-role="collapsible"  data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" style="width: 74%; margin-left: 9px; border-width: 0px; background-color:white">
                <h3>Name</h3>
                <p>This is a mock.</p>
            </div>

但是,某些 CSS 似乎不起作用。有谁知道这是否可能?

4

1 回答 1

4

这是一个工作示例:http: //jsfiddle.net/Gajotres/GNAXT/

它必须通过 css 完成,如果您不想更改使用可折叠 css 类的每个元素,可折叠元素也必须有自己的 id。

!important 很重要,因为它用于覆盖原始属性。

#custom-collapsible {
    width: 74% !important; 
    margin-left: 9px !important; 
    border-width: 0px !important; 
    background-color: white  !important;
}

#custom-collapsible h3 a {
    border-width: 0px !important; 
    background: white  !important;
}
于 2013-03-11T15:59:59.873 回答