如何在编辑表单中更改只读字段的背景颜色

Question

免费 jqgrid 不允许在编辑表单中更改只读字段的背景颜色。

有风格

.jqgrid-readonlycolumn {
    background-color: #FFFFDD;
}

在 colmodel 编辑选项中指定：

editable: getReadOnlyEditable,
editoptions: { "readonly" : "readonly" , "class" : "grid-decimal-edit jqgrid-readonlycolumn" }


  function getReadOnlyEditable(options) {
if (options.mode === "cell" || options.mode === "add" || options.mode === "edit") {
    return false;
    }
// form editing
return "readonly";
 }

jqgrid 将这些类添加为第一类：

<td class="DataTD">
<input type="text" readonly="" 
   class="grid-decimal-edit jqgrid-readonlycolumn FormElement
          ui-widget-content ui-corner-all" 
    disabled="disabled" 
    id="Varadokumn" name="Varadokumn" role="textbox"></td>

在这些类 ui-widget-content 出现之后，将背景颜色设置回白色。

如何解决这个问题，以便 jqgrid-readonlycolumn 类背景颜色可以使用？

更新

我尝试添加样式

body .DataTD .jqgrid-readonlycolumn {background-color: #FFFFDD !important;}

但背景仍然是白色

Answer 1

添加background-image: none 就足够了。尝试使用

.jqgrid-readonlycolumn {
    background-image: none;
    background-color: #FFFFDD;
}