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

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 添加那些 classes 作为第一个 classes :

<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>

在那些 classes ui-widget-content class 出现后将背景颜色设置回白色。

如何解决此问题以便 jqgrid-readonlycolumn class 可以使用背景颜色？

更新

我尝试添加样式

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

但背景仍然是白色

Answer 1

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

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