kendo-ui - 过滤列时如何更改过滤器图标颜色或过滤器图标

Question

我为剑道 ui 网格添加了 filterable: true 。网格被正确过滤。

我想要的是当单击过滤器图标时，过滤器图标应该填充一些不同的颜色，或者可能应该更改过滤器图标的颜色，指示单击了列过滤器图标。

请告诉如何做到这一点。

Answer 1

在我的情况下，下面的 css 做到了，简单而简单。

.k-grid-filter.k-state-active {
        background-color: #d2691e; 
}

Answer 2

一些主题可以做到这一点，但至少 Metro 没有，如果这也是您正在使用的主题。

（少）

.k-grid {

    /* Also changes the group row background color */
    .k-grouping-row > td {
        background-color: #c5c5c5;
    }

    .k-grid-header {
        .k-grid-filter.k-state-active {
            background-color: #7ea700; /* Default metro active color */

            /* White icon */
            .k-icon.k-filter {
                background-position: -48px -80px;
            }
        }
    }
}

我抓住 kendo.metro.less 文件，把它（加上其他几个）放在最后。

Answer 3

这是开箱即用的支持。如果需要，请在过滤更改主题时仔细查看演示。或者修改特定主题的 CSS 使其更清晰可见。