Question

有什么办法可以改变Kendo Panelbar小部件中的箭头图标颜色吗？我更改了面板栏中元素的颜色，箭头需要更多对比度。我需要它们是白色而不是深灰色。我使用过谷歌开发者工具，我想我已经隔离了CSS。我尝试将其设置为如下所示：

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

我不喜欢使用！important，但是使用Kendo似乎是要走的路，以免我将这些样式内联到index.html文件中。

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

更新：好吧，我刚刚被告知我正在尝试使用css设置图像文件的样式，这不会让我任何地方。但我无法找到有问题的图标文件。

Answer 1

感谢@OnaBai的帮助。我通过Cordova和终端运行我的应用程序，一些文件没有正确更新，我被指向错误的方向。在使用Chrome开发工具仔细检查后，我确认问题一直是sprite.png文件。

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

在我选择正确的箭头之前，我只需要将我能找到的每一个箭头改为白色。我甚至不确定为什么Kendo将某些字体用作图标而sprite.png文件用于其他字体。