Question

我正在使用jQuery Mobile的可折叠框，我想使用替代的黑色图标颜色作为崩溃的标题。通过应用ui-alt-icon类很容易实现。

我的问题是，我想在一些按钮上使用可折叠框内的常规白色图标。由于ui-alt-icon应用于可折叠包装器，因此可折叠内部的所有内容也会获得备用的黑色图标。我似乎无法弄清楚如何告诉可折叠内部的按钮返回使用常规图标。

<div data-role="collapsibleset" data-theme="a">
    <div data-role="collapsible" data-collapsed-icon="carat-d" data-expanded-icon="carat-u" data-iconpos="right" class="ui-alt-icon ui-nodisc-icon">
        <h3>Collapse Header</h3>
        <a href="#" data-rel="popup" data-role="button" class="ui-icon ui-disc-icon" data-icon="edit">Press Me</a>
    </div>
</div>

我想可能在按钮上添加类ui-icon会覆盖ui-alt-icon，但这似乎不起作用。我可以将ui-alt-icon包装的子项重新转换为常规图标吗？我想在框架内完成它，而不必诉诸CSS覆盖。

Answer 1

只需将类（ui-alt-icon ui-nodisc-icon）移动到header元素，以便内容不会继承它们：

<div data-role="collapsibleset" data-theme="a">
    <div data-role="collapsible" data-collapsed-icon="carat-d" data-expanded-icon="carat-u" data-iconpos="right" >
         <h3 class="ui-alt-icon ui-nodisc-icon">Collapse Header</h3>
         <a href="#" data-rel="popup" data-role="button" class="ui-icon ui-disc-icon" data-icon="edit">Press Me</a>

    </div>
</div>

jQM - 可以恢复到ui-alt-icon包装中的常规图标？

1 个答案: