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类的每个元素，则collapsible元素必须具有自己的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;
}

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

1 个答案: