分页工具栏中的图标不显示

Question

我在版本4.05中使用了Sencha ExtJS Framework，我遇到了以下问题。我正在显示Ext.Grids，它在Grid的底部有一个分页工具栏。在Sencha样本页面上，网格将显示一些带有图标的按钮（第一页，上一页，下一页，最后一页，刷新）。

不幸的是，我的网格中没有显示图标：

正如您所看到的，按钮实际上就在那里，并且它们正在正常工作，只显示图标。

对图像的引用是正确的，图像在那里并可供浏览器访问。 （如果我在Firebug中查看按钮的CSS并悬停图像，它将显示正确的图标）。

我注意到的一件事是，由于某种原因，应该显示图标的<span>元素在firebug视图中显示为“灰显”。 （在Sencha示例页面上不是）。

该元素的CSS对我来说很合适：

注意：可以找到使用的完整CSS文件HERE

关于主题的简短说明：我只是通过更改.sass模板的主要颜色并将ext-all.css编译为我的主题的新颜色来制作这个灰色主题（名为“文档”）。所以我没有用图标改变任何东西。

任何可能导致此问题的建议？

Answer 1

难以调试而无法访问实际代码。但是，我注意到你在上面复制的CSS以及你发布的css链接（这应该是整个css）都没有，这两套css（我都能找到）都没有引用x-btn-icon类本身，但这是灰色的span元素上的类（以及x-tbar-loading）。那么，那班是做什么的？它在哪里定义？可能存在您的问题。

编辑：我去了Sencha网站并在网格样本上发现了一个图标。当我从元素中删除x-btn-icon类时，我相信我复制了您的问题。所以似乎你的CSS中缺少对该类的必要定义。在他们的网站上，它在ext-all.css中定义。