jquery - 更改 JQuery Mobile 中可折叠元素的样式

Question

我想更改 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 似乎不起作用。有谁知道是否可行？

Answer 1

这是一个工作示例: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;
}