【发布时间】：2012-07-23 10:37:22
【问题描述】：
这是我们收到的一个要求，我们可以增加 Struts2-jQuery Grid /jQGrid 'Toolbar Icons' 的大小吗？像保存/删除/查找/添加等？
在这方面，我们的用户需要视觉可访问性。有没有 除了设置浏览器的缩放大小之外的解决方案？
更新（我们如何修复它）：
第 1 步：Downloaded 一个 32px 图标精灵网格
第 2 步：将此精灵网格图像放在 webapp\template\mytheme\images 文件夹中
第 3 步：更新 jquery-ui.css 文件（从 ThemeRoller 为我们的自定义主题生成）
第 4 步：在图标部分更新 .ui-state-default 类以指向新图像
第 5 步：将 width: 16px; height: 16px; 属性添加到同一类
第 6 步：调整每个图像类中的位置
第 7 步：我们使用图像编辑工具来压缩它的大小，这样我们就可以将所有图标从 32px 变为 24px，并改变颜色设置（Hue/Saturation..etc）以获得不同 UI 状态的不同颜色。
example:
Changed
.ui-icon-trash { background-position: -176px -96px; }
to
.ui-icon-trash { background-position: -352px -192px; }
这带来了新尺寸的图标。我们现在面临的唯一挑战是为各种状态（活动、默认、悬停和错误）找到合适的 32px css sprite 网格图标图像。
如果 ThemeRoller 有这个选项来生成各种大小的图标集，那就太好了。
【问题讨论】：
-
32px 图标精灵网格的下载链接在哪里？
-
这里是 tnghardware.com/sandbox/jQueryIconTests/nameTable.html，我从 jQuery UI WiKi tnghardware.com/sandbox/jQueryIconTests/nameTable.html 的讨论中得到了这个
标签： jquery datagrid jqgrid struts2 accessibility