在Kendo UI中修改面板箭头图标的CSS样式

Question

有没有办法改变Kendo Panelbar小部件中的箭头图标颜色？我已经改变了面板中元素的颜色，箭头需要更多的对比度。我需要它们是白色的而不是深灰色的。我使用过google开发工具，我认为我已经隔离了css。我试着把它写成下面的样子：

.k-icon.k-i-arrow-s.k-panelbar-expand {color:#FFF!important;}

我不太喜欢使用！重要，但使用Kendo似乎是可行的，以免我将样式内联到index.html文件中。

无论如何，它不会改变面板上箭头图标的颜色。有人有什么建议吗？

更新:好的，我刚刚被告知我正在尝试用css来格式化一个图像文件，这不会让我感觉到任何东西。但我找不到冒犯的图标文件。

Answer 1

谢谢您的帮助。我运行我的应用程序通过科多瓦和终端和一些文件没有得到正确的更新，我是指向错误的方向。在使用Chrome工具进行更仔细的检查后，我确认问题始终是sprite.png文件。

因此，要更改面板箭头图标，我需要编辑sprite.png和sprite_2x.png文件。

我只需要把所有我能找到的箭头都换成白色，直到我选择正确的箭头。我甚至不知道为什么Kendo会使用一些字体作为图标，而其他的则使用sprite.png文件。