css - 从 JQM 可折叠标题中删除 data-iconshadow ="false"

Question

一段时间以来，我一直在尝试使用 CSS 和数据属性来实现这一点，但它让我难以为继。从按钮中删除 data-iconshadow 很容易，但从可折叠对象中删除则不然。

在开发人员控制台中，我可以看到 JQM 正在应用“data-iconshadow='true'”，即使我告诉它不要使用此代码(在几个地方)也是如此:

    <div data-role="collapsible-set" data-iconshadow="false">
      <div data-role="collapsible" data-theme="f" data-collapsed-icon="baby" class="ui-icon-nodisc" data-iconshadow="false" data-expanded-icon="arrow-u">
        <h2 data-iconshadow="false">0-12 Months</h2>
        **insert content here**
        </div>
  </div>

但它仍然生成此代码:

<a href="#" class="ui-collapsible-heading-toggle ui-btn ui-btn-icon-left ui-btn-up-f" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="baby" data-iconpos="left" data-theme="f"><span class="ui-btn-inner"><span class="ui-btn-text">0-12 Months<span class="ui-collapsible-heading-status"> click to collapse contents</span></span><span class="ui-icon ui-icon-shadow ui-icon-arrow-u">&nbsp;</span></span></a>

是的，它仍在写入 data-iconshadow 是真实的。而且我什至不确定如何使用 CSS 定位注入(inject)的属性，所以我也不太幸运。如果有人能阐明这个主题，我将不胜感激。

Answer 1

工作示例:http://jsfiddle.net/Gajotres/2NCjb/

HTML:

<div data-role="collapsible-set">
    <div data-role="collapsible" data-theme="f" data-collapsed-icon="baby" class="ui-icon-nodisc" data-iconshadow="false" data-expanded-icon="arrow-u" id="custom-collapsible">
        <h2 data-iconshadow="false">0-12 Months</h2>
        **insert content here**
    </div>
</div>

CSS:

#custom-collapsible h2 .ui-btn:after {
    background: transparent !important;
}