在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来实现，也可折叠的元素必须有它自己的ID，如果你不想改变使用可折叠的CSS类的每一个元素。

！重要的是重要的，因为它被用来覆盖原始属性。

#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; 
}