删除data-iconshadow =＆＃34; false＆＃34;来自JQM可折叠标题

Question

我一直试图用CSS和数据属性做一段时间，但它正在推动我。从按钮中删除数据图标阴影很容易，但是从折叠图中删除，不是这样。

在开发者控制台中，我可以看到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>

是的，它仍在编写数据图标阴影是真的。我甚至不确定如何使用CSS来定位注入的属性，所以我也没有太多运气。如果有人能够对这个问题有所了解，我将非常感激。

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