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

Kendo ui 过滤列时如何更改过滤器图标颜色或过滤器图标,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,我已经为剑道ui网格添加了filterable:true。网格已正确过滤 我想要的是,当单击过滤器图标时,过滤器图标应该填充一些不同的颜色,或者可能是在单击列过滤器图标时,过滤器图标的颜色应该更改 请告诉我怎么做。这是开箱即用的支持。如果需要更改主题,请仔细查看演示。或者修改特定主题的CSS以使其更清晰可见。有些主题可以这样做,但至少Metro主题不能这样做,如果你也使用Metro主题的话 (含较少) 我抓取kendo.metro.less文件,把它(加上一些其他文件)放在最后。在我的例子中,下

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

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


请告诉我怎么做。

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

有些主题可以这样做,但至少Metro主题不能这样做,如果你也使用Metro主题的话

(含较少)


我抓取kendo.metro.less文件,把它(加上一些其他文件)放在最后。

在我的例子中,下面的css做到了,简单易行

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

谢谢你的回复。我查过了。它对我有用。但是我指定的背景色填充不到整个列的高度。背景色从顶部开始,但在列边框上方结束,在那里留下一些空白。所以看起来有背景色,然后是空白,然后是列标题边框。我可以删除空白并使颜色在标题边框处结束吗?谢谢。图标显示应用的背景色,但背景色似乎没有填满整个高度,因此仍有一些空白,我想删除过滤器图标下方显示的空白。我怎样才能消除这个问题呢?我已经从以上两个答案中得到了帮助。谢谢大家。为什么这是被认可的答案?没有例子。我真的不喜欢没有例子的CSS答案。谢谢。我为类添加了代码。k-grid-filter.k-state-active图标显示应用的背景色。但是背景色似乎没有填满整个高度,因此还有一些空白。我想删除显示在过滤器图标下方的空白。我怎样才能去掉它。
.k-grid-filter.k-state-active {
        background-color: #d2691e; 
}