如何在过滤列时更改过滤器图标颜色或过滤器图标

Question

我添加了filterable：true for kendo ui grid。网格正在过滤。

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

请告诉我们如何做到这一点。

Answer 1

在我的情况下，以下css做到了，简单易行。

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

Answer 2

有些主题是这样做的，但至少地铁的主题没有，如果那也是你正在使用的主题。

（少见）

.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

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