如何在列過濾時更改過濾器圖標顏色或過濾器圖標

我已添加過濾器：對於kendo ui網格爲true。網格正在正確過濾。如何在列過濾時更改過濾器圖標顏色或過濾器圖標

我想要的是，當點擊過濾器圖標時，過濾器圖標應該填充一些不同的顏色，或者可能應該更改過濾器圖標的顏色，以確定是否單擊了列過濾器圖標。

請告訴如何做到這一點。

2013-06-21 user2117983

這是支持開箱即用的。仔細觀察演示，當您需要時更改主題filter。或者修改特定主題的CSS，使其更清晰可見。

2013-06-21 19:28:18

感謝您的回覆。我檢查了它。它爲我工作。但是我指定的背景顏色沒有被填充到整個列高度。從頂部開始，背景顏色開始，但它在列邊界上方結束，在那裏留下一些空白區域。所以看起來有背景顏色，然後是白色空間，然後是列標題邊框。我可以刪除空格並使顏色在標題邊框處結束。 – user2117983

謝謝。該圖標顯示應用的背景顏色，但背景顏色似乎不填充整個高度，因此一些白色空間仍然存在，我想要移除顯示在濾鏡圖標下方的空白區域。我如何刪除它。 – user2117983

我已經從上面的幫助中獲得了兩個答案。謝謝大家。 – user2117983

某些主題會這樣做，但至少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文件，粘，（加上其他一些）結尾。

來源

2013-06-21 19:34:43 Leniency

謝謝。我添加了該類的代碼.k-grid-filter.k-state-active該圖標顯示應用的背景顏色。但背景顏色似乎不能填充整個高度，因此一些空白區域仍然存在。我想要刪除顯示在濾鏡圖標下方的空白區域。我如何刪除它。 – user2117983

在我的情況下，以下CSS做到了，簡單易行。

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

來源

2016-10-13 10:57:27

如何在列過濾時更改過濾器圖標顏色或過濾器圖標

回答

相關問題