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