javascript - jQueryUI 按钮 : How to change Button-Icon 'color'

Question

我按以下方式在 div 中放置了一个 html 按钮:

<div class="ui-state-highlight">
    <button type="button" class="ui-button ui-state-default ui-corner-all ui-button-text-icon-primary">
        <!-- first span -->
        <span class="ui-button-icon-primary ui-icon ui-icon-disk"></span>
        <!-- second span -->
        <span class="ui-button-text">Save</span>
    </button>
    <!-- third span -->
    <span class="ui-icon ui-icon-info"></span>
    <strong>All</strong> form fields are required.
</div>

由于 div 被分配了类:ui-state-highlight 按钮的 图标颜色已更改为蓝色.

有没有办法可以将图标颜色恢复为:默认(黑色) 颜色？

并且进一步，我需要第三个​​跨度中的图标具有ui-state-highlight 的效果(颜色)。

我试过将 ui-state-default 应用到 第一个 span(包含图标)，但没有产生预期的效果。

Answer 1

重写应用于容器(例如divs 和spans)的ui-state-highlight 类解决了这个问题。