最新的free-jqgrid,如何更改正在编辑的行的字体颜色

时间:2018-01-02 22:15:54

标签: jquery css css3 jqgrid free-jqgrid

目前使用最新的free-jqgrid和jqueryUI主题Dot-Luv,以获得更暗的对比度。

未选中但未选中但未编辑和悬停的行的文本分别为深蓝色或深灰色。

使用内联编辑时(尚未尝试过表单编辑),单击编辑操作按钮,行将背景更改为白色,文本也保持白色。这使得查看当前文本和编辑变得困难。

使用DOM资源管理器不会显示正在编辑的行所特有的任何类,以允许更改字体颜色。想一想是否有类似onselectrow方法或类的方法,我没有看到我可以操纵颜色。否则可能使用themeroller更改主题,只是不确定要更改主题的哪个部分。

任何信息都将不胜感激。没有提供任何代码,因为代码按预期运行更多的样式问题,但可以在需要时提供。

查看图像中的DOM和CSS,似乎可以为网格中的所有输入控件添加一个类,以获得字体颜色。试着尝试但可能会有更好的解决方案。

Image of CSS style by row type

1 个答案:

答案 0 :(得分:0)

我最终做的是在页面的CSS样式表中添加样式。

    #jqGrid > tbody > tr > td > input, #jqGrid > tbody > tr > td >  select {
    color: black;
    background-color: white;
}

这不是最佳选择,因为在编辑模式下可能还有其他编辑控件可能需要此样式。更重要的是,如果在具有不同表ID的另一个页面上使用free-jqgrid,则必须在使用网格的任何地方复制此类。也使更改主题变得更加困难。由于他不能提出任何真正的答案,因为他拒绝投票给我的天才,所以它将会被使用。